Easy Scroll Position Tracking – ScrollProgress.js
Add a visual scroll progress indicator to your website with ScrollProgress.js. Improve user experience and engagement.
JavaScript & CSS Reading Progress Indicator
CSS Only Circular Reading Progress Indicator
A pure CSS circular reading progress indicator that provides a visual representation of the user’s current reading progress.
Visualize Scrolling Progress with ScrollProgress.js
A lightweight JavaScript library for creating a customizable scroll progress indicator to improve the browsing experience on long web pages.
Page Scroll Reading Progress Indicator with Progress.js
Progress.js is a small JavaScript library that generates an animated, circular, SVG based progress bar to indicate the reading progress as you scroll down the page.
Scroll Position Indicator In Vanilla JavaScript
A vanilla JS scroll position indicator that shows how far you have scrolled down the page.
Track How Far You Are Scrolling – Scrolld
Yet another scroll position detection library which tracks how far a web page has been scrolled.
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.
Scroll (Reading) Progress Indicator In Vanilla JavaScript – scrollprogressJS
Yet another JavaScript library to create a sticky top(or bottom) progress bar which can be used to visualize the current scroll position (reading progress) on the webpage.
Custom Scroll Progress Indicator Bar – uScroll
uScroll is a lightweight JavaScript plugin that tracks the scroll events and auto updates the indicator bar depending on the current scroll position.