h5页面预加载完成再展示

Question

看到很多动画比较多的h5单页面展示页，是进入页面的时候先读条或者显示加载百分比。然后资源加载完毕后，再真正展示页面。

这种页面一般是有大量动画和图片的单页面，类似swiper那样切换场景展示，每个场景有些动画或者音频。

请问这种预加载功能是怎么实现的，什么原理？

Answer 1

界面默认进去显示loading遮罩。window.onload后遮罩移除 。进度条基本都是假的,除非手动去计算加载的资源数量或者大小然后百分比换算....