WordPress网站美化:在网站顶部添加彩色阅读进度条

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

效果

WordPress网站美化:在网站顶部添加彩色阅读进度条-青鹿云

教程开始

代码都已经在下面,如果是子比主题的话,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>

大功告成

© 版权声明
THE END
点赞80 分享
评论 共1条

请登录后发表评论