║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║

---

title: Progress description: Displays an indicator showing the completion progress of a task, typically displayed as a progress bar. author: name: imskyleen url: https://github.com/imskyleen

<ComponentPreview name="demo-components-radix-progress" />

Installation

<ComponentInstallation name="components-radix-progress" />

Usage

<Progress />

API Reference

Progress

<div className="flex flex-col gap-2"> <ExternalLink href="https://animate-ui.com/docs/primitives/radix/progress#progress" text="Animate UI API Reference - Progress Primitive" />

<ExternalLink href="https://www.radix-ui.com/primitives/docs/components/progress#root" text="Radix UI API Reference - Progress.Root" />

</div>

Credits

• Radix UI Progress
• Credit to shadcn/ui for style inspiration.

║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║