Progress

Progress indicators show how far a task has progressed, providing visual feedback to users about ongoing processes.

Preview

Usage

tsx

1
2
3
4
import { Progress } from '@e-infra/design-system'

<Progress value={33} />
<Progress value={75} max={100} />

Prop	Type	Default	Description
value	number	-	Current progress value (0-100)
max	number	`100`	Maximum value for progress calculation
className	string	-	Additional CSS classes
...props	React.ComponentProps	-	Radix UI Progress props