javascript - youtube 加载新页时的顶部进度条是如何做到的

Question

我理解的是技术上应该是pjax，可从服务器端获取数据的时间是不定的啊，这个进度是怎么算出来的。 另外还有个疑问这种方式是否影响SEO

怪我咯 · Answer

https://github.com/rstacruz/nprogress

高洛峰 · Answer

其实这就是一个进度条，模拟进度条的方法很多。下面列几种方法：
（我觉得难点在于如何监控整个页面的加载百分比）
1.硬编码
2.flash中转
3.通过ajax返回数据
4.通过HTML5的xhr Lever 2的：progress(进度事件)-----存在兼容性问题，仅支持IE10+

大家讲道理 · Answer

这只是一个假象