https://github.com/rstacruz/nprogress

我告诉你，那个进度条实际上是坑爹的。

怎么个坑呢？因为里面的加载进度是假的。只有开始和结束是真的，原理就是监听浏览器的加载状态。

在浏览器开始加载的时候进度条开始动，然后随机的加进度，一点点跑。如果老是没有加载完，那么这个进度条就会停在最后面一点点，直到浏览器加载完毕。

如果我们将css、图片、js等资源分块，那么这个进度条是可控的。因为style、img、script都是有加载完成事件的，只要将触发了加载完成事件的资源当成加载完成，那么就可以做出百分比的加载，也可以精确控制。

可以参考这个
http://www.zhangxinxu.com/wordpress/2013/02/html5-progress-element-sty...