首页 > 用JS怎么实现网页加载的进度百分比?

用JS怎么实现网页加载的进度百分比?

http://ant.design/比如这个网站。
看到不少网站都有这样的功能,挺酷的,问一下怎么计算的?难道是直接计算页面里面的图片加载完成的计算的?求解答


基本都是伪装的,一般都是在页面开始加载时先让进度条跑到指定位置,js实现也行,css动画也行;
然后慢慢变长,直到接近95%左右;
最后在页面加载完成后,再加一个结束动画,是95%跑到100%并消失就ok了。

有些页面框架会把这个做在框架内

--------以下更新--------

刚才没注意到有贴一个网址,刚去看了下,他的实现是页面的第一个js中记录下当前页面需要加载哪些图片和js

var loadData = ["/static/easeljs-0.8.0.min.js", "/static/TweenMax.min.js", "/static/home.js", "https://t.alipayobjects.com/images/T1CFtgXb0jXXXXXXXX.jpg"];

分别在每个加载js和图片的完成后,刷新一次进度条,

num++;
self.loadBar.css("width",num/loadData.length*100+"%");

这些东西你如果喜欢钻研可以自己去对方网站研究,扒一扒对方的js

【热门文章】
【热门文章】