CoreNext主题美化_顶部彩色滚动进度条_浏览进度百分比
本文最后更新于
共计806字,阅读大约3分钟。2023-12-22
,部分内容具有时效性,如有失效,请评论留言在博客浏览文章的时候无法看到文章浏览了多少了,这个时候我们就需要一个进度条来展示。好软猫给大家带来了比较常见的顶部美化彩色进度条,跟着教程来就可以实现用户浏览时实时看到浏览进度百分比了。
效果截图
js文件
放置到wp-content/themes/CoreNext-Child/js
来源:123盘 | 提取码:q6wM
CSS文件
将以下PHP代码放到:主题设置
-插入代码
-CSS代码
/*彩色进度条加载显示_好软猫[www.haoruanmao.com]*/#percentageCounter{position:fixed; left:0; top:0; height:3px; z-index:99999; background-image: linear-gradient(to right,#ff0000,#ff00fc,#0006ff,#00ecff,#0eff00);border-radius:5px;}
PHP代码放置
将以下PHP代码放到:主题设置
-插入代码
-页脚代码
本内容需要登录后查看
将以下PHP代码放到:主题设置
-插入代码
-页头代码
<!--顶部彩色进度条_好软猫[www.haoruanmao.com]-->
<div id="percentageCounter"></div>
来源:云亿企
随机文章
文章不满意?试试随机文章好软猫文章底线(别以为我没有底线)
THE END