本文是《免费（共164篇）》专题的第 114 篇。阅读本文前，您可以先阅读前面的一些文章：
美化图
javascript代码： 在主题目录header.php中，添加以下代码，放在body标签下（最后一行）
/*进度条加载显示*/#percentageCounter{position:fixed; left:0; top:0; height:3px; z-index:99999; background-image: linear-gradient(to right, #339933,#FF6666);border-radius:5px;}//进度条加载显示
$(window).scroll(function() {
var a = $(window).scrollTop(),
c = $(document).height(),
b = $(window).height();
scrollPercent = a / (c - b) * 100;
scrollPercent = scrollPercent.toFixed(1);
$("#percentageCounter").css({
width: scrollPercent + "%"
});
}).trigger("scroll");<div id="percentageCounter"></div>
文章标题：子比主题顶部添加彩色进度条
文章版权：@花醉 所发布的内容，部分为原创文章，转载请注明来源，网络转载文章如有侵权请联系我们！我们将在24小时内极速处理！
本文最后更新发布于2024年12月16日 0时06分52秒，某些文章具有时效性，若有错误或已失效，请在下方留言或联系：841134898@qq.com
您已阅读完《免费（共164篇）》专题的第 114 篇。您可以继续阅读该专题下面的其它文章：
