Beta
Animate UI

Scroll Progress

A scroll progress component that displays the progress of the scroll.

Made by imskyleen

Scroll down to see the progress bar

Installation

Usage

Global Scroll Progress

<ScrollProgress />

Local Scroll Progress

<ScrollProgress progressProps={{ className: 'absolute' }}>...</ScrollProgress>

Props

PropTypeDefault
children?
React.ReactNode
-
className?
string
-
progressProps?
HTMLMotionProps<"div">
-

Built by Skyleen. The source code is available on GitHub.

On this page