Scroll Indicator

Show Preview
Scroll Indicator
Scroll Indicator

About Scroll Indicator

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)

From MJ Nafi

DayTime Pro
Text Hover Icon
Keyboard Variant

Related Components

Halloween Eye Hunt
LottiePlus
Hover Water Effect
3D Viewer