Feedback and status

Progress

Determinate progress feedback with accessible value semantics.

⠋

Install

npx shadcn@latest add https://4af.selfsimilar.dev/r/progress.json

Usage

import { Progress } from "@/components/ui/progress";

<Progress value={60} />

API

Main exports: Progress, ProgressLabel, ProgressValue

A determinate Base UI progress bar whose fill moves with transform rather than animated width.

On this page