Scroll Loader

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