#reading progress indicator

ScrollProgress.js is an ultra-light JavaScript library that displays a user’s scroll progress on a web page. It adds a thin bar at the top of the page that visually represents how far down the page a visitor has scrolled. The scroll progress bar updates in real-time as users scroll up or down the page. It provides a subtle visual cue about page length and current position without distracting from…

A pure CSS circular reading progress indicator that provides a visual representation of the user’s current reading progress. The circular progress bar automatically fills up, and the percentage of the page that has been scrolled is displayed in the middle of the indicator as your users scroll down the page. How to use it: 1. Create the HTML for the reading progress indicator. <div…

A slim vertical progress bar with percentage value that always follows the cursor to indicate the user's current scroll position on a webpage.

Demo

Download

This is a small script that helps you generate a vertical gradient reading progress indicator to replace the native browser scrollbar.

Demo

Download

A jQuery/CSS/SVG based circular reading progress indicator that automatically updates on page scroll and always follows your cursor.

Demo

Download