MoreLesson 169Preview gratis
Progress Bars
Lesson ini bagian dari How To · Semua level
Ringkasan
Pelajaran ini membahas pembuatan bilah progres untuk menunjukkan persentase penyelesaian tugas. Progres dapat ditampilkan dengan elemen progress bawaan atau div yang lebarnya diatur sesuai persentase. Selain tampilan visual, nilai progres perlu disampaikan kepada pembaca layar melalui atribut ARIA.
Poin kunci
- Gunakan elemen <progress> bila hanya perlu indikator bawaan yang semantik
- Untuk bilah kustom, gunakan role="progressbar" dengan aria-valuemin, aria-valuemax, dan aria-valuenow
- Atur lebar elemen pengisi dalam persen dan tampilkan angka progres sebagai teks
- Perbarui nilai dari JavaScript secara konsisten, termasuk label dan atribut ARIA
Materi lengkap
Contoh kode dan kuis
Materi lengkap, contoh kode, dan kuis tersedia untuk pelanggan. 5 soal.