Animated Top Progress Bar For Reading Progress – wavescrollbar
wavescrollbar is a standalone JavaScript library that creates an animated, striped top progress bar to indicate the reading time & scroll position in your document.
JavaScript & CSS scroll position
Track How Far You Are Scrolling – Scrolld
Yet another scroll position detection library which tracks how far a web page has been scrolled.
Slim Progressbar To Indicate How Far You Are Scrolling – sprogress.js
sprogress.js is a JavaScript library to generate a scroll position progress bar that indicates the reading progress of an article/post.
Trigger Functions Based On The Scroll Position – okiba-scroller
The okiba-scroller JavaScript library observes and determines the element position and trigger certain functions when the element enters, exits, or is already in the viewport.
JavaScript Library To Detects If Elements Are In View – enter-view.js
enter-view.js is a pure JavaScript library that for the detection of HTML elements within the browser viewport.
Track The Position Of Elements Using Intersection Observer – scroller
scroller is a JavaScript library which uses Intersection Observer API to monitor the page location of a series of elements for scroll telling.
Detect Scroll Position & Progress With Pure JavaScript – Update On Scroll
Update On Scroll is a scroll position listener which detects the current scroll position and/or progress and triggers certain functions as you scroll down or up the page.
Smoothly Animated Scroll Progress Bar – page-progress
The page-progress library creates an animated and sticky progress bar to visualize how far you scroll down the webpage.
Minimalist Scroll Position / Reading Progress Indicator – scrollpup.js
The scrollpup.js library lets you create a top progress bar to visualize the reading progress of your page/article/post when scrolling down or up the webpage. Written in ES6.
Minimalist Scroll Progress Indicator In Pure JavaScript – pageScrollIndicator.js
A minimalist page scroll indicator to visualize the scroll position (how much the user has scrolled) in a slim progress bar. Fully customizable via CSS.