网页打开的顶部进度条是怎么做的？

2018-09-13 15:11:24 +08:00
 showecho
这种：
http://images.cnitblog.com/blog/431064/201311/13002148-806a741352f747c6ac61853c868b5cb8.png

我以为是简单的 js 效果，后面发现不是，因为 js 效果的话只要网页没完全打开就不执行，他这个是网页加载多少进度条就加载多少，这怎么实现？
6195 次点击
所在节点    程序员
26 条回复
wohenyingyu03
2018-09-13 22:38:49 +08:00
记得有些进度条的效果，完全静止的时候看起来却有种缓慢前进的错觉，让人产生无限耐心……
zhzer
2018-09-13 22:52:24 +08:00
那种是安慰剂吧？
ithou
2018-09-13 23:05:22 +08:00
hexo 可以实现进度条
ShareDuck
2018-09-14 09:43:35 +08:00
浏览器是一边加载一边渲染、执行的。你的 js 写在 head 内，就很快执行了。
NEETLEE
2018-09-14 10:46:42 +08:00
xhr 是可以拿到进度的，那些 ajax 上传文件显示进度也是因此而实现的，所以现在 vue 之类的 js 框架实现的进度条是真实的哦
xianxiaobo
2018-09-14 11:02:17 +08:00
应该没办法做真的吧，如果一个网页跳转有好几个数据量不同的请求，怎么做成真的呢？

这是一个专为移动设备优化的页面（即为了让你能够在 Google 搜索结果里秒开这个页面），如果你希望参与 V2EX 社区的讨论，你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/488966

V2EX 是创意工作者们的社区，是一个分享自己正在做的有趣事物、交流想法，可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX