Display

Circular Progress

A circular indicator showing completion progress with customizable stroke, size, and color.

13%

Sizes & Colors

Multiple presets for different data visualization needs.

Small

40%

Warning

90%

Error

25%

Prop	Type	Default	Description
`value`	`number`	`0`	Current progress (0-100)
`size`	`number`	`60`	Outer diameter of the circle
`strokeWidth`	`number`	`6`	Thickness of the progress track
`color`	`string`	`"currentColor"`	Hex or CSS color for the progress bar

$npx kachindo-ui add circular-progress