← All motion patterns
Scroll progress bar
SubscriptionA thin accent-colored bar at the top tracks how far you've scrolled.
Fixed at the top of the viewport, fills left-to-right as the user scrolls. Gradient + glow for emphasis. Vanilla JS, no library. Honors passive scroll listeners. Drop anywhere on the page.
This is part of a CreativePower subscription. Subscribe to see its code and use it in your pages.
See plans