Scroll Loader
A sleek, customizable scroll progress loader with percentage counter, dynamic text, and a progress bar — perfect for storytelling websites and portfolios.
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
