Cara Membuat Data Bar pada HTML

Hallo teman-teman, kali ini kita akan belajar cara membuat data bar pada HTML. Data bar biasanya digunakan bagi memberikan efek grafik di sebuah data, seperti data presentasi. Namun pada dunia situs, data bar pun sering digunakan bagi proses loading suatu situs. Bagi penyusunan data bar, disini teman-teman dapat menggunakan tag <meter>. Tag meter ini mempunyai beberapa attribut yang dapat kita gunakan, seperti salah satunya yakni value, min, dan max.



Value



Berfungsi bagi memberikan nilai di data bar.



Min



Memberikan nilai minimum di data bar.



Max



Memberikan nilai maximum di data bar.



Agar tak bingung, mari kita coba praktekan. Bikin file html seperti dibawah ini.



<p>Menampilkan data bar :</p>
<meter value=1 min=0 max=10></meter><br>
<meter value=0.6></meter>


Karenanya hasilnya akan seperti ini.



Data



Teman-teman dapat menjalankan perubahan nilai di attribut valuenya bagi melihat seperti apa perbedaanya.



Sekianlah pembelajaran mengenai cara membuat data bar pada HTML. Semoga bermanfaat.




Sumber https://kursuswebsite.org

Popular posts from this blog

Cara Menghapus Isi Dari Form Input Menggunakan Javascript

Image
Salam hangat teman-teman, semoga teman-teman sehat selalu ya, Kali ini saya akan mencoba membagi Cara Menghapus Isi Dari Form Input Menggunakan Javascript. Terkadang di ketika kita menginput comment di suatu laman pasti pernah mengalami salah ketik atau ingin menghapus segala isian form yang telah kita isi. Nah, kini saya akan mencoba membangun tombol atau button bagi menghapus isinya sekaligus.
Read more

Membuat Form Menarik Menggunakan HTML dan CSS

Image
Halo sobat, apa kabar segala. Berjumpa lagi dengan saya di panduan Source Code Aplikasi , di artikel kali ini kita akan latihan Membuat Form Menarik  Menggunakan HTML dan CSS . Form yang akan kita bikin yaitu form yang benar-benar cantik khususnya para kaum hawa yang menyukai warna pink,
Read more