Hallo teman-teman, kali ini kita akan belajar cara membuat data bar pada HTML. Data bar biasanya digunakan untuk memberikan efek grafik pada sebuah data, seperti data presentasi. Namun dalam dunia website, data bar juga sering digunakan untuk proses loading suatu website. Untuk pembuatan data bar, disini teman-teman bisa menggunakan tag <meter>. Tag meter ini memiliki beberapa attribut yang bisa kita gunakan, seperti salah satunya adalah value, min, dan max.
Value
Berfungsi untuk memberikan nilai pada data bar.
Min
Memberikan nilai minimum pada data bar.
Max
Memberikan nilai maximum pada data bar.
Agar tidak bingung, mari kita coba praktekan. Buat file html seperti dibawah ini.
<p>Menampilkan data bar :</p> <meter value="1" min="0" max="10"></meter><br> <meter value="0.6"></meter>
Maka hasilnya akan seperti ini.
Teman-teman bisa melakukan perubahan nilai pada attribut valuenya untuk melihat seperti apa perbedaanya.
Sekian pembelajaran mengenai cara membuat data bar pada HTML. Semoga bermanfaat.