Tutorial Bootstrap Part 12: Progress Bar
Oke pada kesempatan kali ini rekayasaternaklele akan membahas tentang Progress Bar pada Bootstrap.
Judul
Tutorial Bootstrap Part 12: Progress Bar
Pengertian
Menurut Wikipedia, Bootstrap adalah sebuah alat bantu untuk membuat sebuah tampilan halaman website yang dapat mempercepat pekerjaan seorang pengembang website ataupun pendesain halaman website. Sesuai namanya, website yang dibuat dengan alat bantu ini memiliki tampilan halaman yang sama / mirip dengan tampilan halaman Twitter atau desainer juga dapat mengubah tampilan halaman website sesuai dengan kebutuhan.
Latar Belakang
Mencari kemudahan dalam membuat front-end website yang cepat,responsive dan praktis sehingga kita tidak perlu menulis kode CSS dari nol.
Maksud dan Tujuan
Memahami dan bisa menggunakan Bootsrap sehingga pengembangan fron end website lebih efektif dan efisien.
Alat dan Bahan
Text Editor dan PC
Jangka Waktu
1 Jam
Pembahasan
Progress Bar digunakan untuk menunjukkan pengguna seberapa jauh progresnya di dalam proses.
Berikut cara membuat Progress Bar dengan bantun Bootsrap:
Progress Bar Height
Secara default height progress bar adalah 16px dan untuk mengubahnya kita menggunakan properti height. Jika mengubah height progress bar maka ubah juga wadahnya.
Ubah Warna Progress Bar
Warna Progress Bar dapat diubah sesuai dengan makna warna Bootsrap.
Animasi Progress Bar
Multiple Progress Bar
Kesimpulan
Referensi
https://www.w3schools.com/bootstrap4/bootstrap_progressbars.asp
Progress Bar digunakan untuk menunjukkan pengguna seberapa jauh progresnya di dalam proses.
Referensi
0 Response to "Tutorial Bootstrap Part 12: Progress Bar"
Post a Comment