W3.CSSLesson 32Preview gratis
W3.CSS Bars
Lesson ini bagian dari W3.CSS · Semua level
Ringkasan
Bar dipakai dua hal: menampilkan progres seperti pengunduhan berkas, serta menyusun deretan item dalam satu baris memakai w3-bar. Progress bar sederhana dibuat dari container berlatar yang di dalamnya ada anak berlebar persentase. Kombinasi warna yang kontras membuat angka progres langsung terbaca.
Poin kunci
- Progress bar = container latar dengan anak berlebar persentase
- w3-bar menjadi wadah horizontal untuk beberapa item
- w3-bar-item adalah tombol atau tautan di dalam bar
- Lebar anak dihitung relatif terhadap container sehingga persentase akurat
- Progres yang baik dilengkapi teks angka agar jelas bagi semua pengguna
Materi lengkap
Contoh kode dan kuis
Materi lengkap, contoh kode, dan kuis tersedia untuk pelanggan. 5 soal.