Beta
Animate UI

Progress

Displays an indicator showing the completion progress of a task, typically displayed as a progress bar.

Made by imskyleen
Export data %

Installation

Usage

<Progress value={50}>
  <ProgressLabel />
  <ProgressValue />
  <ProgressTrack />
</Progress>

Props

Animate UI Props

ProgressTrack

PropTypeDefault
transition?
Transition
{ type: 'spring', stiffness: 100, damping: 30 }

ProgressLabel

PropTypeDefault
countingNumberProps?
CountingNumberProps
-

Credits

  • We use Base UI for the progress component.
  • We take our inspiration from Shadcn UI for the progress style.

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

On this page