Animate UI

Progress

Displays the status of a task that takes a long time.

Made by imskyleen
Edit on GitHub
Open in
Export data %

Installation

Usage

<Progress>
  <ProgressLabel>Export data</ProgressLabel>
  <ProgressValue />
  <ProgressTrack />
</Progress>

API Reference

Progress

Animate UI API Reference - Progress PrimitiveBase UI API Reference - Progress.Root

ProgressLabel

Animate UI API Reference - Progress Label PrimitiveBase UI API Reference - Progress.Label

ProgressValue

Animate UI API Reference - Progress Value PrimitiveBase UI API Reference - Progress.ValueAnimate UI API Reference - CountingNumber
PropTypeDefault
transition?
SpringOptions
{ stiffness: 80, damping: 20 }

The render property is not supported in the ProgressValue component, as it is used for animation.

ProgressTrack

Animate UI API Reference - Progress Track PrimitiveBase UI API Reference - Progress.Track

Credits

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