网站加载的速度快的话，不会显示进度条加载时候的样式。

 支持性主流浏览器都支持，ie浏览器需要9以上9也支持。

使用方法

/**/$.QianLoad = {    PageLoading: function(options) {        var defaults = {            delayTime: 500, //页面加载完成后，加载进度条淡出速度            sleep: 0, //设置挂起,等于0时则无需挂起            css: ''            //进度条样式位置可以自己修改        }        var options = $.extend(defaults, options);        //在页面未加载完毕之前显示的loading Html自定义内容        $('head').append(defaults.css);        var _LoadingHtml = '
     
      
       ' + '
       ' + '
      
     
';        //呈现loading效果        $("body").append(_LoadingHtml);        //监听页面加载状态        document.onreadystatechange = PageLoaded;        function PageLoaded() {            var loadingMask = $('#pre-load');            $({                property: 0            }).animate({                property: 98            }, {                duration: 3000,                step: function() {                    var percentage = Math.round(this.property);                    loadingMask.css('width', percentage + "%");                    //页面加载后执行                    if (document.readyState == "complete") {                        loadingMask.css('width', 100 + "%");                        setTimeout(function() {                                loadingMask.animate({                                        "opacity": 0                                    },                                    options.delayTime,                                    function() {                                        $(this).remove();                                        $(".load-wrap").remove();                                        console.log('Loading has been successful');                                    });                            },                            options.sleep);                    }                }            });        }    }}