Hai teman-teman gimana kabarnya ?? mudah-mudahan baik-baik aja yah aminn. teman-teman pasti tau kan Progressbar ?? nah pada kesempatan kali ini kita akan membuat Progressbar menggunakan bootstrap . gampang ko teman-teman cara membuatnya , penasaran meningan ikutin aja yuk disini ga bakalan rugi ko 🙂

 

 

Oke langkah pertama yang harus teman-teman lakukan adalah , download terlebih dahulu file css bootstrapnya , setelah itu kita koneksikan css bootstrapnya dengan html kita ..

html

nah jika sudah sekarang kita buat struktur HTMLnya, dan memanggil class-class yang kita butuhkan

html1

Oke jika sudah sekarang kita custom css nya sedikit :

custum

Nah jika sudah sekarang teman-teman lihat hasilnya di browser :

hasil

gimana teman-teman hasilnya bagus kan ?? sudah responsive lagi , hehe selamat mencoba dan semoga bermanfaat yah 🙂