CoreNext主题美化-顶部添加滚动进度条百分比-好软猫

在博客浏览文章的时候无法看到文章浏览了多少了，这个时候我们就需要一个进度条来展示。好软猫给大家带来了比较常见的顶部美化彩色进度条，跟着教程来就可以实现用户浏览时实时看到浏览进度百分比了。

效果截图

js文件

放置到wp-content/themes/CoreNext-Child/js

https://www.123pan.com/s/sBCDVv-on9k3.html

CSS文件

将以下PHP代码放到：主题设置-插入代码-CSS代码

/*顶部滚动条_好软猫[www.haoruanmao.com]*/
#percentageCounter{
  position:fixed; 
  left:0; 
  top:0; 
  height:3px; 
  z-index:99999; 
  background-image: linear-gradient(to right, #339933,#FF6666);
  border-radius:5px;
}

PHP代码放置

将以下PHP代码放到：主题设置-插入代码-页脚代码

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

将以下PHP代码放到：主题设置-插入代码-页头代码

<!--顶部彩色进度条_好软猫[www.haoruanmao.com]-->
<div id="percentageCounter"></div>

恭喜你发现了宝藏导航！>>点此前往<<

获取更多优质资源按Ctrl+D收藏我们

1 如果您喜欢本站点击这儿赞助本站，感谢支持！
2 帮助传送：下载说明 | 会员权益 | 广告合作
3 转载注明：
4 本站内容大部分源于网络，请自行甄别
5 商业用途请联系原作者授权，若本站侵犯了您的权益请联系我们：haoruanmao@qq.com 进行删除处理
6 本站大部分内容来源于网络，仅供学习与参考，严禁从事违法、侵权等任何非法活动，否则后果自负

THE END