Progress

Displays an indicator showing the completion progress of a task, typically displayed as a progress bar.

1. Import

Import the progress components from the design system.

import { Progress } from "@/design-system/components/ui/progress"

2. Props

Progress component props.

Prop	Type	Default
value	number	0
className	string	--

3. Usages

Common progress patterns and configurations.

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

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