网站美化-顶部加载进度条[网站进度条]

温馨提示:本文最后更新于2024-10-04 13:50:44,某些文章具有时效性,若有错误或已失效,请联系星雨站长

前言

哈喽,今天给大家带来一期网站加载进度条,两种样式,分别由轻笑Chuckle大佬和雷雷大佬提供,这次这个真的好看!!

那么废话少说,我们先给大家看看演示效果!!

演示效果

效果一

e5bb5666d220240922080122

效果二

e0b4a7081520240922080817

部署教程

后台自定义头部引入JS文件(文件在最后,建议自行本地化)

<script data-pjax src="//npm.elemecdn.com/pace-js@1.2.4/pace.min.js"></script>

接着为进度条添加CSS样式

样式一

样式二

至此,教程结束,懂点CSS的小伙伴可以自行更改一下自己喜欢的样式!!

下载地址

网站美化-顶部加载进度条-星雨博客
网站美化-顶部加载进度条[网站进度条]
此内容为免费资源,请登录后查看
0
免费资源
© 版权声明
THE END
喜欢就支持一下吧!
点赞21赞赏 分享