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

Question

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

Answer 1

基本都是伪装的，一般都是在页面开始加载时先让进度条跑到指定位置，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