Progress

The Progress component displays a visual indicator of task completion. It shows progress as a percentage with a smooth animated fill. Built from scratch using React and native HTML elements. No dependencies on any UI library.

npx shadcn@latest add https://things.marvlock.dev/registry/ui/progress.json

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

function MyComponent() {
  return <Progress value={33} />
}

Examples