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.
Made with Workshop
Build your own component with AI
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. 💛
