Elementor widget · Utility & Tools
Reading Progress Bar
A slim bar that fills as visitors scroll a page — a subtle nudge that keeps readers moving to the end.
About this elementor widget
Give long posts and pages a sense of momentum. The Reading Progress Bar pins a thin bar to the top or bottom of the window and fills it as the visitor scrolls — reaching 100% at the end of the page. It's a small touch that measurably helps people finish what they're reading.
Key features
- Fixed bar that tracks scroll position and fills smoothly as the reader moves down the page
- Position it at the top or bottom of the viewport
- Set the bar (fill) color and the track (background) color
- Adjustable height and corner radius
- Optional box shadow for a little lift
- Lightweight and dependency-free — just drop it on the page once; it measures the whole document
- Great for blog posts, long-form articles, documentation, and guides
Add it to any page, pick your colors, and let readers see how far they've come.
