BAB 20 – PROGRESS BAR
Tujuan Pembelajaran
Peserta mampu:
- Membuat progress monitoring.
- Membuat indikator proses.
- Membuat dashboard statistik.
A. Struktur Dasar
<div class="progress">
<div class="progress-bar"
style="width:50%">
50%
</div>
</div>Praktik 1
Buat:
Upload File
70%B. Progress Warna
<div class="progress">
<div class="progress-bar bg-success"
style="width:80%">
80%
</div>
</div>Praktik 2
Dashboard:
- Kehadiran 95%
- Nilai 85%
- Kelulusan 98%
C. Animated Progress
<div class="progress">
<div class="progress-bar
progress-bar-striped
progress-bar-animated"
style="width:75%">
75%
</div>
</div>Latihan Bab 20
- Apa fungsi Progress Bar?
- Apa fungsi width?
- Apa fungsi progress-bar-striped?
- Apa fungsi progress-bar-animated?
- Kapan digunakan?