components

Progress

Show progress indicator for tasks visually

Source CodeRadix UI

Installation

pnpm add @radix-ui/react-progress

Usage

Imports

/components/ui/progress-bar
import { Progress } from "@/components/ui/progress"

Code

/components/ui/progress-bar
<Progress value={50} />

Examples

Basic Progress

3%

Description

Downloading Progress

Workspace Setup

Setting up your development environment

--0%
Initializing download...
Files processed:
0 / 1247
Size:
0.0 / 2.4 GB

Props

<Progress>
NameDefaultValues
indicatorClassName-string
External Reference--