有没有人做过这样的进度条？？如何控制它？

Question

打开页面时先显示这个，等window.onload时在把它隐藏，在页面加载完时，如何控制它到100%呢，有没有人写过类似的，分享一下

Answer 1

1 先用白色盖住body2 遍历网站的img 跟backgroundImage 统计数量 用100除这个数量 得到一个数‘i’ 这个数值就是进度条移动的一张图的距离3 用imagesLoaded 判断每完成一张图的读取 就进度条增加刚才计算的距离当load的图片数量 == 网页图片数量时候 就让进度条跟白色遮罩fadeOut完成