---
title: "Scroll Indicator — Free Framer component · Best of Framer"
description: "Free Framer component · by MJ Nafi · Interactive. A clean and minimal scroll indicator designed to enhance user navigation."
canonical: "https://framer.elliotli.dev/component/scrollprogresscircle"
---

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

# Scroll Indicator

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

![Scroll Indicator preview image 1](https://framer.elliotli.dev/og/component/scrollprogresscircle/d47a6a53e80a8b08/1600x1200.jpg)

## Summary

A clean and minimal scroll indicator designed to enhance user navigation.

## Description

A clean and minimal scroll indicator designed to enhance user navigation. This component features a donut-shaped progress bar that smoothly animates as the user scrolls, providing a subtle visual cue without distracting from your content. Ideal for portfolios, blogs, or any long-scroll experience where you want to keep users engaged and informed.

## Things You Can Change

-   Colour of
    
    -   the base
        
    -   the fill
        
    -   the remainder
        
-   Size of
    
    -   the circle
        
    -   the stroke
        
-   Section
    
    -   where it starts
        
    -   where it ends
        
        (You can also toggle an option so that it just follows the page's start and end)
        

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

-   All · #4313

## Details

- **Author**: MJ Nafi
- **Published**: 2025-08-05
- **Updated**: 2026-01-09
- **Added**: 2025-08-01
- **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