progress bar di bootstrap

Assalamu'alaikum Wr. Wb.

A. Pendahuluan

      Hallo kawan Pada kesempatan kali ini saya akan melanjutkan  membuat Progress Bar di Bootstrap. Ok langsung saja ke pembahasannya.

B. Maksud & Tujuan

1. Mampu menguasai, memahami dan menggunakan Bootstrap untuk mengembangkan skill Front-end Website.
2. Progress Bar berguna untuk menampilkan menu proses pada sebuah Website.

C. Pembahasan

      Progress Bar merupakan sebuah fitur Class di Bootstrap yang di gunakan untuk menunjukkan kepada pengguna sampai mana Proses yang telah tercapai.

Macam-macam Progress Bar :

     1. Progress Bar

       Dalam pemakain Class Progress Bar temen" membuat div parent class .progress, lalu membuat di child dari class .progress yaitu .progres-bar . Progress Bar menggunakan CSS Inline yang berfungsi propertinya width , width ini di gunakan untuk membuat loadingnya, contoh penerapannya :

    
2. Striped Progress Bar
 

      Striped Progress Bar untuk memanipulasi proses loadingnya, menjadi striped / belang - belang. Contoh Penerapannya :

 3. Multiple Progress Bar

 

       Multiple Progress Bar di gunakan untuk membuat beberapa Progress Bar untuk di jadikan satu kedalam satu Class .progress, Contoh Penerapannya :

 D. Kesimpulan

 

     Penggunaan Progress Bar di Bootstrap sangat mudah dan sangat menghemat waktu dalam pembuatannya, karena kita hanya tinggal memanggil Class yang telah di sediakan oleh Bootstrap, dan penggunaan Progress Bar ini biasanya untuk menu loading di Website contohnya.

SEKIAN DARI SAYA SEMOGA BLOG SAYA BERMANFAAT!!!!!!!

Wassalamu'allaikum Wr.Wb