css代码：

.pace {
   -webkit-pointer-events: none;
   pointer-events: none;
   -webkit-user-select: none;
   -moz-user-select: none;
   user-select: none;
}
.pace .pace-progress {
   background: #e42141;
   position: fixed;
   z-index: 2000;
   top: 0;
   right: 100%;
   width: 100%;
   height: 1px;
}

.pace-inactive {
   display: none;
}

js：

<script type="text/javascript" src="__JS__/pace.min.js"></script>

效果展示：

示例包下载：

pace.js实现页面加载进度条

打赏

微信扫一扫，打赏作者吧～

转载请注明：苏demo的别样人生 » pace.js 实现页面加载进度条

   如果本篇文章对您有帮助，欢迎向博主进行赞助，赞助时请写上您的用户名。

   支付宝直接捐助帐号oracle_lee@qq.com 感谢支持！