方法一：使用定时器
说明：定时器中放一个全屏的背景色，并添加一个gif图片，规定n秒后再隐藏此背景，给后台加载留一定时间。
缺点：当本地已有缓存时，还是会执行此定时器，体验不佳
定时器进度条 
方法二：document.onreadystatechange监控加载状态
说明：document.onreadystatechange（页面加载状态改变的事件）；
document.readyState：
状态值：uninitialized（还未开始载入），loading（载入中），interactive（已加载，文档与用户可以开始交互），complete（载入完成）。
下面代码中用css3绘制了一个预加载时显示的小动画，当然也可引用已有的图片。核心代码为划线部分
进度条-readyState
方法三：给页面中重要节点后添加js代码，改变进度条显示（以显示在页面头部的进度条为例）
进度条-头部 
方法四：实时监控页面中加载情况，显示响应百分比（页面加载进度慢，一般都是图片、视频、音频较多，以下以图片为例，根据图片加载进度显示页面加载百分比）
进度条-百分比 0%
笨鸟学习途中，有问题尽管提，谢谢