jquery滚动页面顶部百分比进度条插件

使用方法

$(document).ready(() => {
            //add a listener for scroll
            $(window).scroll(() => {

                //get total height
                let docHeight = $(".text-wrapper").height();

                //get window height
                let winHeight = $(window).height();

                //calculate the view port
                let viewport = docHeight - winHeight;

                //get current scroll position
                let scrollPos = $(window).scrollTop();

                //get current scroll percent
                let scrollPercent = (scrollPos / viewport) * 100;

                //add the percent to the top progress bar
                $(".indicator").css("width", scrollPercent + "%");
            });
});

PREVIOUS:
NEXT:
jquery响应式适用于FAQ问答展开收缩特效代码
jquery响应式侧边栏固定悬浮可见特效代码