使用教程

把下面的代码放在站点后台 >>zibll主题设置 >> 全局&功能 >> 自定义代码 >>
自定义CSS样式

/*进度条加载显示*/
#percentageCounter{position:fixed; left:0; top:0; height:3px; z-index:99999; background-image: linear-gradient(to right, #339933,#FF6666);border-radius:5px;}.lazyloaded{--lazy-animation: lazy_scale;}@media (max-width:640px) {
		.meta-right .meta-view{
			display: unset !important;
		}
	}

自定义javascript代码

//进度条加载显示
$(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");

自定义头部HTML代码

<div id="percentageCounter"></div>

演示图片

-----本页内容已结束，喜欢请分享！-----