在页面中载入进度条：
在网页的头部放置一个文字或者图片的 loading 状态，然后页尾载入一段 JS 隐藏掉，即根据浏览器的载入顺序来实现的简易 Loading 状态条。
jquery/jindutiao/ target=_blank class=infotextkey>jquery进度条效果的实现步骤，当然了，本例只是简单介绍下jquery进度条的实现原理，使用简单的fadeOut方法来实现。
1、在<body>开始的地方放置
复制代码 代码示例:
<div id="loading"></div>
</body>
2、在<head>和</head>之间放置样式和jquery框架，这部分是jquery进度条的基础，也是关键部分，没有了jquery库的支持，进度条实现起来就会变得复杂了。
复制代码 代码示例:
<style type="text/css">
#loading{z-index:1;padding:5px 0 5px 29px;
background:url(images/loadingwy.gif) no-repeat 10px top;left:0;top:0;width:90px;
position:fixed; height:21px}
</style>
<script type="text/
javascript" src="images/jquery.js"></script>
3、在页面的底部放置
复制代码 代码示例:
<script type="text/javascript">
$("#loading").fadeOut()
</script>
jquery进度条代码，成功实现了。
用到的图片：
