这个代码是可以在网站顶部增加一个进度条的效果，挺好看的哦，感兴趣的可以继续往下看哦~

教程开始

代码都已经在下面，如果是子比主题的话，CSS代码和Javascript代码可以分别放到子比的主题设置-自定义代码里的自定义CSS样式和自定义Javascript代码里，最后的代码按照说明放就好~

CSS代码

/*进度条加载显示*/
#percentageCounter{position:fixed; left:0; top:0; height:3px; z-index:99999; background-image: linear-gradient(to right, #339933,#FF6666);border-radius:5px;}

Javascript代码

此处内容已隐藏，请评论后刷新页面查看.

在主题目录header.php中，把以下代码，放在`body`标签下（最后一行）

<div id="percentageCounter"></div>

大功告成

------本页内容已结束，喜欢请分享-456源码网------

感谢您的来访，获取更多精彩文章请收藏本站。

版权声明 1 本网站名称：456源码网
2 本站永久网址：https://cnyma.cn
3 本网站的文章部分内容可能来源于网络，仅供大家学习与参考，下载资源不提供任何技术支持！如有侵权，请联系站长邮箱：vshaokeji@qq.com 进行删除处理。
4 本站一切资源不代表本站立场，并不代表本站赞同其观点和对其真实性负责。
5 本站一律禁止以任何方式发布或转载任何违法的相关信息，访客发现请向站长举报
6 本站资源大多存储在云盘，如发现链接失效，请联系我们我们会第一时间更新。

THE END