css滚动条

1、顶部滚动条

<img src="1.jpg">

<script>
$(".loading .pic").animate({10%},100);
</script>

<img src="2.jpg">

<script>
$(".loading .pic").animate({50%},100);
</script>

<img src="3.jpg">

<script>
$(".loading .pic").animate({100%},100,function(){
        $(".loading").fadeOut();   
});
</script>


<style>
.loading{100%;height:100%;position:fixed;top:0;left:0;z-index:100;background:#fff;}
.loading .pic{100%;height:10px;position:absolute;top:0;left:0;
background:#f33}
</style>


<div class="loading">
    <div class="pic"></div>
<div>