Progress

Progress is built on the Base UI Progress primitive. Pass a value between 0 and 100 to set the indicator width.

InstallationCopy Anchor Link

pnpm dlx shadcn@latest add https://faber-ui.vercel.app/r/progress.json

UsageCopy Anchor Link

"use client";

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

export default function Example() {
  return <Progress value={60} />;
}

ExamplesCopy Anchor Link

APICopy Anchor Link

The Progress accepts all Progress.Root props from @base-ui/react/progress, including value, min, and max.