Progress

General

Thanh tiến độ với nhiều variant, size và hiệu ứng striped/animated.

Variants

Default60%

Success75%

Warning45%

Danger30%

Gradient88%

sm / md / lg.

Small55%

Medium70%

Large85%

Striped65%

Animated45%

Success Animated80%

outside · inside · none.

outside (default)

72%

inside

72%

none

Prop	Type	Default	Mô tả
`value`	`number`	—	Giá trị tiến độ (0–100)
`variant`	`"default" \| "success" \| "warning" \| "danger" \| "gradient"`	`"default"`	Màu sắc thanh tiến độ
`size`	`"sm" \| "md" \| "lg"`	`"md"`	Chiều cao thanh
`striped`	`boolean`	`false`	Hiệu ứng sọc
`animated`	`boolean`	`false`	Hiệu ứng chạy sọc (cần striped)
`label`	`string`	—	Nhãn hiển thị
`labelPosition`	`"outside" \| "inside" \| "none"`	`"outside"`	Vị trí nhãn phần trăm