Html Code Memahami Fugsi Progress dan Meter dengan Cepat

October 05, 2018
Cotoh Kode Progresa & Meter
Html Script Kode


Tutorial Html Code Mengenal Progress Bar & Meter tag Grafik - Sering kali kita lupa dalam tutorial html tentang cara membuat grafik Progress yang kadang di butuhkan dalam penggunaan penulisan artikel dan belajar tentang Grafik tersebut.

Html code memang banyak Kode Html yan meski kita pahami dalam penulisan Code Html dan Script Kode html tersebut terutama dalam penulisan code html dan fungsinya, mari kita mulai tutorial html kali ini dengan memahami fungsi html progress dan meter bar.

Dalam memahami fungsi ini perlu kita tahu bahwa untuk apakah kode ini do buat mari kita pelajari Html Code ini denga memahami fungsi dan tujuan penulisan code tersebut.

Fungsi Dan Tujuan Kode Html Progress & Meter
  • Untuk membuat Grafik dan analisa presentasi data.
  • Memberi nilai akuart secara interval sampai 100%
  • nilai grafik sederhana dengan data dan presentasi.
setelah kita tau fungsi dan tujuan kode tersebut mari kita lihat langsung kode html tersebut seperti apakah contohnya. 


Contoh Progress Meter tag
Progress :  
Meter : 


dari contoh di atas sudah bisa tergambar bahwa, progress memang di gunakan untuk menetukan sebuh nilai dengan grafik.
mari kita mulai script html pregress atau meter tersebut dengan memahami kode pertama tersebut.
Contoh Pregress
<progress></progress>



Hasilnya : 
Hasil Codenya :   


Contoh Pregress
 <progress value="70" max="100">70 %</progress> 



Hasilnya : 
Contoh Progress Set Tag :    


Contoh Pregress
<meter>B</meter> 



Hasilnya : 


Contoh Meter tanpa Tag Set : 

 Hasil meternya masih Kosong.



Contoh Pregress
<meter low="69" high="80" max="100" value="50">B</meter> 


Hasilnya : 
Hasil Meter yang Sudah terisi Value data : 
 terlihat hasilnya.



Dari Hasil di atas sedikt kita sudah ada gambar tentang Kode Html tersebut, dan setelah  mengenal kode tersebut kita bisa mulai berkreasi degan mengaplikasikan kode di maksud untuk keperluan anda dalam optimasi artikel atau website, blog anda.

Mari kita terus memahami html code tersebut dengan terus menerus sehingga kita menjadi master dalam code tersebut.

Dan akhirnya semoga ulasan kali ini bisa memberi manfaat untuk anda dan perkembangan andalisa code anda, yang sudah bisa mugkin sekedar merefiew saja agar tidak lupa.

Sekian dan terima kasih ...

Share this

Related Posts

Previous
Next Post »