---
title: "Scroll Loader — Framer component · Best of Framer"
description: "$12.00 · Framer component · by Lunatique Design · Loaders. Bring life to your pages with an interactive scroll loader that tracks progress as your visitors scroll down."
canonical: "https://framer.elliotli.dev/component/scroll-loader"
---

[Home](/)/[Components](/components)/[Loaders](/components/category/loaders)/Scroll Loader

# Scroll Loader

[View on Framer](https://framer.com/marketplace/components/scroll-loader/?via=elliot-li)

![Scroll Loader preview image 1](https://framer.elliotli.dev/og/component/scroll-loader/e1c84ec41bd08f41/1600x1200.jpg)

## Summary

Bring life to your pages with an interactive scroll loader that tracks progress as your visitors scroll down.

## Description

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
    

## Rank history [How rankings work →](/terms#rankings)

-   All · #10493

## Details

- **Author**: Lunatique Design
- **Price**: $12.00
- **Published**: 2025-09-03
- **Updated**: 2025-09-03
- **Added**: 2025-08-20
- **Categories**: Loaders

## More like this

-   [Preloader Pro V4](/component/preloader-pro-v4) — Interface Studio · $12 — Your Website, Beautifully Unveiled
-   [Circleloader](/component/circleloader) — gustavwf · $5 — Circular logo reveal loader.
-   [AI Text Loading](/component/ai-text-loading) — Syauqizaidan Khairan Khalaf · $5 — Thinking phrases with a shimmer
-   [Preloader Pro V3](/component/preloader-pro-v3) — Interface Studio · $10 — Set the Stage Before the Story