Progress
A Windows 98 progress bar with clamped value rendering.
Preview
Installation
pnpm dlx shadcn@latest add https://react98-ui.vercel.app/r/progress.jsonnpx shadcn@latest add https://react98-ui.vercel.app/r/progress.jsonyarn dlx shadcn@latest add https://react98-ui.vercel.app/r/progress.jsonbunx shadcn@latest add https://react98-ui.vercel.app/r/progress.jsonUsage
import { Progress } from "@/components/ui/98/progress";
export function Example() {
return <Progress value={62} />;
}Props
| Prop | Type | Default | Description |
|---|---|---|---|
value | number | 0 | Current progress value. |
max | number | 100 | Maximum progress value. |
... | HTMLAttributes<HTMLDivElement> | N/A | All native div attributes pass through. |