Progress

Installation

npx shadcn@latest add @blank/progress

Usage

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

<Progress value={62} />

Examples

Colors

The color axis names roles, not hues, and each one sets a single custom property that the indicator reads. Adding a role is one line.

Sizes