Scroll Progress UI
A sleek scroll progress bar that fills as users scroll, with a shimmer celebration at 100%. Customise fill (solid/gradient), height, speed, background, and border radius.
About this Component
Elevate your page experience with this sleek Scroll Progress Bar component. As users scroll, the bar smoothly fills up, giving them a clear sense of progress. When it hits 100%, a subtle shimmer celebration effect kicks in to mark the moment 🎉.
Fully customisable to match your site’s style — choose between solid or gradient fills, tweak the bar height, animation velocity, background, and border radius. A lightweight yet delightful way to enhance navigation and user engagement.
User Feedback
I’d really appreciate it if you could take a minute to share your thoughts on the component! Your feedback helps me improve and create even better Framer components. 💛
