110k
New

Progress

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

Component progress-demo not found in registry.

Installation

pnpm dlx createui@latest add progress

Usage

import { Progress } from "@/components/ui/progress"
<Progress value={33} />

Examples

Label

Use ProgressLabel and ProgressValue to add a label and value display.

Component progress-label not found in registry.

Controlled

A progress bar that can be controlled by a slider.

Component progress-controlled not found in registry.

API Reference

See the Base UI Progress documentation.