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

Question

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

Answer 1

https://github.com/rstacruz/nprogress

Answer 2

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

Answer 3

这只是一个假象