Jquery网页加载进度条（随笔，当然要随便写，当日记动态心情写咯）

 $(function () {            var allImgArr = $("img");            allImgArr.data("count", 0);            allImgArr.load(function () {                allImgArr.data("count", allImgArr.data("count") + 1);                var percent = allImgArr.data("count") / allImgArr.length * 100 + "%";                $("#loading-PRogress").stop(true, false).animate({ "width": percent }, 800);            });            var readyTimer = setInterval(function () {                if (window.document.readyState == "complete") {                    clearInterval(readyTimer);                    $("#loading-progress").stop(true, false).animate({ "width": "100%" }, 800);                    setTimeout(function () {                        $(".loading-box").hide();                    }, 1200);                }            }, 500);        });

    <h2 class="title">置顶推荐</h2>    <ul>    <li class="item"><a href="/front/javascript/101.html"><img src="/uploads/allimg/150131/1-1501312144500-L.png" alt="js网页拾色器制作教程" /><h3>js网页拾色器制作教程</h3><p class="muted">1. 在动态网站中，经常会遇到要求用户自定义颜色某些情况，下面给大家带来是216浏览器安全的颜色,即所谓Netscape色块。这216种颜色分别代表0、51、102、153、204这五种颜色即每一种原色（即红、绿、蓝）。 2. 在创建需要调用网页拾色器的页面，我们...</p></a></li><li class="item"><a href="/front/Javascript/106.html"><img src="/uploads/150203/1-150203212ISX.png" alt="js日期选择器详细教程" /><h3>js日期选择器详细教程</h3><p class="muted">制作日期选择器首先需要添加2个下拉列表，用于要显示的年份和月份，然后制作一个7行7列的表格,其中最顶部用于标记星期，其他行用于显示日期，下面的是关键的代码 这个是html代码 style body,td { font-size:9pt; } input { color:333333; font-size...</p></a></li>    </ul>    <script>$(function(){$('.loading').animate({'width':'20%'},50) })</script> </div>