hallo teman-teman? balik lagi pada tutorial dumet school, pada tutorial kali ini saya akan membahas tentang bagaimana cara membuat desain progres bar dengan mudah sekali tanpa jquery.
Seperti yang kita tau, progres bar adalah tampilah seperti load ketika kita akan membuka sesuatu, nah sekarang kitas langsung praktek, silahkan buat sebuah file dan ketikan script berikut :
<progress value="22" max="100" ></progress>
nah di atas saya membuat tag progress dengan value 22 maksudnya adalah jarak loadnya dimana maximalnya adalah 100, jika di save maka hasilnya akan seperti berikut :
Progress bar kita sudah jadi, mudah kan teman-teman, kita juga dapat mengedit atau memberikan style css pada element progress ini, nah kita coba atur cssnya silahkan teman-teman ketikan script berikut :
progress{background:#D4CBCA;width:1000px}
nah jika kita save maka hasilnya akan seperti berikut :
sangat mudah ya teman-teman, cukup sekian artikel kali ini semoga bermanfaat,
terimakasih 🙂