2018年04月6日网站服务器迁移完成……

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

javascript 苏 demo 1305℃ 0评论

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>

效果展示:

QQ截图20161126145228

示例包下载:

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

打赏

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

   如果本篇文章对您有帮助,欢迎向博主进行赞助,赞助时请写上您的用户名。
支付宝直接捐助帐号oracle_lee@qq.com 感谢支持!
喜欢 (0)or分享 (0)
发表我的评论
取消评论
表情