Scroll Loader
A sleek, customizable scroll progress loader with percentage counter, dynamic text, and a progress bar — perfect for storytelling websites and portfolios.
Made with Workshop
Build your own component with AI
Bring life to your pages with an interactive scroll loader that tracks progress as your visitors scroll down. This component combines a clean percentage counter, dynamic two-line text, and a responsive progress bar in a modern glass style background.
Features:
Percentage counter (customizable font, size)
Dynamic text blocks that change at defined scroll points (0%, 30%, 60% — fully customizable)
Progress bar with smooth animation
Optional blurred glass background with adjustable opacity and grain
Responsive, works across all screen sizes
No coding required — fully adjustable in the Framer editor
Perfect for: storytelling pages, creative portfolios, landing pages, timelines, and product launches
