Komponen / Tampilan data
ProgressBar
Bar kapsul tipis untuk progres atau kapasitas yang terukur: termin terbayar, jam proyek terpakai, kuota lisensi.
Yang sudah ditangani
- Memakai role="progressbar" dengan aria-valuenow, aria-valuemin (0), dan aria-valuemax.
- aria-valuetext mengikuti `valueLabel` (bila berupa teks) sehingga pembaca layar membacakan "96 / 110 jam", bukan sekadar angka.
- Nama aksesibel diambil dari `label`; tanpa label, isi `aria-label`.
- Animasi lebar bar dimatikan saat pengguna memilih Reduce Motion.
Tanggung jawab Anda
- Beri label yang bermakna: teks label, atau aria-label untuk kontrol tanpa teks.
- Uji di mode gelap dan kontras tinggi (pilih lewat menu Tema di kanan atas, atau tombol Terang/Gelap di tiap contoh).
- Pastikan semua aksi bisa dijalankan dengan keyboard saja.