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.
JavaScript & CSS scroll position
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.
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.
Minimal Horizontal Scroll Progress Bar With Pure JavaScript – skunkScroll
skunkScroll is a JavaScript library to create a responsive horizontal scrollbar which can be used to keep track of the scroll progress when scrolling down the webpage.
Pure CSS Scroll Depth Indicator
A pure CSS solution to create a fixed header progress bar indicating how far you have scrolled. Powered by @supports CSS at-rule.
Minimal Page Scroll Position Indicator – youAreHere.js
youAreHere.js is a very small (~1kb minified) JavaScript library for generating an auto-update progress bar that indicates where are you when you scroll down or up the web page.
