Progress indicator
A visual indicator that shows how far through the page the user has scrolled.
What you're seeing
A thin bar at the top of the page that fills from left to right as you scroll.
Where you'll see it
Articles, long-form pages, single-page experiences.
Difficulty
Very low — 1/5
Libraries that build it
CSS onlyMotionGSAP
Ready to prompt — paste this into your AI coding tool
"Add a scroll progress bar — a fixed div whose scaleX scales from 0 to 1 based on scroll position, CSS only"