MoreLesson 170Preview gratis
Skill Bar
Lesson ini bagian dari How To · Semua level
Ringkasan
Pelajaran ini membahas skill bar, yaitu bilah yang menunjukkan tingkat penguasaan suatu kemampuan. Komponen terdiri dari label, jalur latar, dan bagian terisi yang lebarnya diatur sesuai persentase. Untuk pengalaman yang lebih hidup, lebar dapat dianimasikan saat halaman dimuat atau saat komponen memasuki viewport.
Poin kunci
- Buat struktur label, track, dan fill yang terpisah agar mudah diatur
- Atur lebar fill dengan persentase yang sesuai dengan data skill
- Tambahkan transition pada width untuk animasi yang halus
- Sertakan teks persentase agar informasi tidak bergantung pada warna atau panjang bilah saja
Materi lengkap
Contoh kode dan kuis
Materi lengkap, contoh kode, dan kuis tersedia untuk pelanggan. 5 soal.