Membuat Progres Bar Dengan Tag Progres

hallo teman-teman? balik lagi di panduan Source Code Aplikasi, di panduan kali ini saya akan membahas mengenai bagaimana cara membangun desain progres bar dengan gampang sekali tanpa jquery.

Seperti yang kita tau, progres bar ialah tampilah seperti load ketika kita akan membuka sesuatu, nah kini kitas seketika praktek, silahkan bikin sebuah file dan ketikan script berikut :

<progress value=22 max=100 ></progress>

nah di atas saya membangun tag progress dengan value 22 maksudnya ialah jarak loadnya dimana maximalnya ialah 100,  seandainya di save karenanya hasilnya akan seperti berikut :

Progress bar kita telah jadi, gampang kan teman-teman, kita pun dapat mengedit atau memberikan style css di element progress ini, nah kita coba atur cssnya silahkan teman-teman ketikan script berikut :

progress{background:#D4CBCA;width:1000px}

nah seandainya kita save karenanya hasilnya akan seperti berikut :

benar-benar gampang ya teman-teman, lumayan demikian artikel kali ini semoga bermanfaat,

terimakasih 🙂

Sumber https://kursuswebsite.org