前端_页面顶部显示的进度条效果

<div id="web_loading"><div>

<script type="text/javascript">
    jQuery(document).ready(function(){
        jQuery("#web_loading div").animate({width:"100%"},800,function(){ 
            setTimeout(function(){jQuery("#web_loading div").fadeOut(500); 
            }); 
        }); 
    });
</script>
<style>
#web_loading{
z-index:99999;
width:100%;
}
#web_loading div{
width:0;
height:5px;
background:#FF9F15;
}
</style>