通过加载状态制作进度条

document.onreadystatechange：页面加载状态改变时的事件；

document.readyState:返回当前文档的状态；

1. uninitialized—还未开始载入；
2. loading—载入中；
3. interactive — 已加载，文档与用户可以开始交互；
4. complete—载入完成；

document.onreadystatechange = function(){
        if (document.readyState == ‘complete’) {//完成时隐藏加载条
              $(“.div”).fadeOut();//加载块
        };
}   这个方法的不足就是不能实时显示加载进度。

2.一般页面加载时间主要是加载图片，所以可以根据图片的加载完成来实时显示加载进度；new Image();  img.onload();

https://loading.io/      css3加载动画demo;

http://autoprefixer.github.io   自动生成css兼容代码