jquery网页加载进度条的实现

</script>
<div id="footer">
页脚部分
</div>
<script type="text/javascript">
$('.loading').animate({'width':'100%'},50); //第四个进度节点
</script>

可以看出，每加载一个节点后，jQuery调用animate()动画方法实现进度条宽度的变化，每个节点变化以50毫秒时间让进度条看起来更流畅些，最终从0%变化到100%，完成了进度条的进度动画。

当进度条达到100%后，页面加载完成，最后还有一步要做的就是隐藏进度条。

$(document).ready(function(){
  $('.loading').fadeOut();
});