---
title: "Scroll ProgressBar — Framer component · Best of Framer"
description: "$10.00 · Framer component · by Stefan @ Pixco · Interactive. Interactive progress bar based on scroll"
canonical: "https://framer.elliotli.dev/component/scroll-progressbar"
---

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

# Scroll ProgressBar

Interactive progress bar based on scroll

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

![Scroll ProgressBar preview image 1](https://framer.elliotli.dev/og/component/scroll-progressbar/a4b5054d5a885c0f/1600x1200.jpg)

## Summary

Interactive progress bar based on scroll

## Description

With this component for Framer, you can create dynamic and visually engaging progress indicators that adapt seamlessly to your designs. The Scroll Progress Bar is a simple framer resource, yet very versatile, providing a customizable scrolling experience that enhances interactivity and user engagement.

## Support

For the full documentation of this component, please visit the [support page](https://pixcodrops.com/articles/scroll-progress-bar-for-framer/?utm_source=framer-marketplace) on our website.

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

-   All · #8190

## Details

- **Author**: Stefan @ Pixco
- **Price**: $10.00
- **Published**: 2025-09-02
- **Updated**: 2026-04-25
- **Added**: 2025-08-22
- **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