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

效果

教程开始

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

了解子比主题

Zibll子比主题-功能强大且更优雅的WordPress主题[本站同款主题]

2年前

046827

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>

大功告成