---
title: "Scroll Progress — Framer component · Best of Framer"
description: "$4.00 · Framer component · by Dmytri Ivanov · Interactive. ScrollProgress adds a sleek, animated progress bar to visually indicate a visitor’s scroll position within any target section."
canonical: "https://framer.elliotli.dev/component/scroll-progress"
---

[Home](/)/[Components](/components)/[Interactive](/components/category/interactive)/Scroll Progress

# Scroll Progress

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

![Scroll Progress preview image 1](https://framer.elliotli.dev/og/component/scroll-progress/6613c45d1cb3f232/1600x1200.jpg)

## Summary

ScrollProgress adds a sleek, animated progress bar to visually indicate a visitor’s scroll position within any target section.

## Description

ScrollProgress adds a sleek, animated progress bar to visually indicate a visitor’s scroll position within any target section. Perfect for blogs, articles, or long-form content, it’s fully customizable—choose your color, height, offset, and even whether to track the full window or a scrollable container. Designed to integrate seamlessly into any Framer project, with no code edits required. Built for performance, maintained for compatibility with the latest Framer updates.

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

-   All · #5460

## Details

- **Author**: Dmytri Ivanov
- **Price**: $4.00
- **Published**: 2025-08-21
- **Updated**: 2025-08-21
- **Added**: 2025-08-09
- **Categories**: Interactive

## More like this

-   [Velvet Curtain](/component/velvet-curtain) — Sarthak Prakash · $12 — Cinematic curtain reveal effect
-   [Image-Compare Slider](/component/image-compare-slider) — Studio Digital · Free — Reveal what changed, beautifully
-   [Lesson Packages](/component/lesson-packages) — Shelfless Studio · $9 — Lesson bundles with savings shown
-   [Deskbell AI Chatbot](/component/deskbell-ai-chatbot) — NS. Studio · Free — AI site chat, works with Chatbase