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

Text Hover Icon
DayTime Pro
Keyboard Variant

Related Components

Interactive Timetable
Device Mockups
3D Sticker Peel Card
WorldClock Pro