Deskripsi
Penjelasan HTML progress tag

HTML <progress> element merepresentasikan berlangsungnya (progres) suatu kegiatan atau tugas.

Progress tag ditampilkan dalam sebuah progress bar yang menampilkan proses berlangsungnya kegiatan. Sehingga, kita bisa mengetahui sudah sampai mana dan kapan kegiatan atau proses tersebut berakhir. Untuk memanipulasi nilai dari <progress> bar ini, dapat memanfaatkan kode javascript.

Element <progress> tidak tepat digunakan untuk menunjukkan sebuah meteran atau ukuran (gauge), seperti mengukur kapasitas hardisk / flashdisk atau sejenisnya. Untuk menunjukkan sebuah ukuran, dapat menggunakan element <meter>.

Attributes
Atribut HTML Tag <progress>

max

Menentukkan jumlah maksimal kegiatan atau tugas tersebut diperlukan.

value

Menentukkan jumlah, sampai berapa kegiatan atau tugas tersebut telah dilaksanakan.


Global Attributes
Atribut Secara Global (Keseluruhan)

<progress> tag mencakup global attributes.

Event Attributes
Atribut event (Peristiwa)

<progress> tag mencakup event attributes.

Example
Contoh HTML <progress> element

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

Contoh Lengkap
Demo dengan Source Code Editor

Demo Editor
Demo HTML <progress>
Code Editor