Progress

Bilah kemajuan dengan label dan nilai persen.

Basis: Track div dengan atribut ARIA progressbar, bukan elemen <progress>. Menata <progress> lintas peramban masih memerlukan pseudo-elemen vendor; semantiknya di sini dibawa ARIA.

src/components/ui/progress.tsx

Nilai

Belum dimulai0%

Sedang berjalan35%

Hampir selesai72%

Selesai100%

Nada Warna

Primary (gradien merek)64%

Success64%

Warning64%

Destructive64%

Tanpa Label

Props

Prop	Tipe	Bawaan	Keterangan
`value`	`number`	—	Nilai saat ini. Dibatasi antara 0 dan max.
`max`	`number`	`100`	Nilai maksimum.
`label`	`string`	—	Label di atas bilah, juga menjadi aria-label.
`showValue`	`boolean`	`false`	Menampilkan persentase di kanan label.
`tone`	`"primary" \| "success" \| "warning" \| "destructive"`	`"primary"`	Warna bilah. Primary memakai gradien merek.