Reading Progress Indicator
Live reading progress bar that animates as users scroll down your page
Progress Position:
Live Reading Progress Demo
Use the slider below to simulate scrolling through an article. Watch the progress bar respond instantly!
Simulate Article Scroll45% Read
Top Fixed Placement
Sticks to the very top edge of the browser viewport for high visibility.
Bottom Fixed Placement
Positioned discreetly along the bottom edge, perfect for long-form readers.