---
title: "Nice-Scroll-Progress — Framer component · Best of Framer"
description: "$6.00 · Framer component · by Idriss Taleb · Interactive. Nice-Scroll-Progress-Bar"
canonical: "https://framer.elliotli.dev/component/nice-scroll-progress"
---

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

# Nice-Scroll-Progress

Nice-Scroll-Progress-Bar

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

![Nice-Scroll-Progress preview image 1](https://framer.elliotli.dev/og/component/nice-scroll-progress/f4002e6914e6fe01/1600x908.jpg)

## Summary

Nice-Scroll-Progress-Bar

## Description

A scroll-linked progress indicator with a dynamic fisheye effect. Lines smoothly expand and transition through customizable colors as they approach the center of the viewport, creating an elegant reading progress animation. Fully customizable with adjustable widths, colors, spacing, speed, and padding.

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

-   All · #7722

## Details

- **Author**: Idriss Taleb
- **Price**: $6.00
- **Published**: 2026-07-16
- **Updated**: 2026-07-16
- **Added**: 2026-07-16
- **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