Skip to content

ProgressBar

This component adds an animated progress bar to the top of the page. The progress bar is shown when the page is scrolled.

Import

Terminal window
import { ProgressBar } from "@aeonkit/core";

Usage

Terminal window
<ProgressBar />

Props

barClassName

barClassName?

string

The class name for the progress bar.

options

Refer to the react-spring documentation for more information.

options?

UseScrollOptions

The react spring options for the progress bar.

getProgress

getProgress?

({ scrollY, scrollYProgress, width }: GetProgress) => number

The function to get the progress of the scroll.