Belajar Element HTML: <progress>

Tag <progress> mewakili progres tugas dalam dokumen HTML.

Elemen <progress> dapat digunakan bersama dengan Javascript untuk menampilkan indikator yang menunjukkan progres penyelesaian suatu tugas atau proses yang saat ini sedang berlangsung.

Biasanya ditampilkan sebagai bilah progres.

Syntax

Tag <progress> biasanya ditulis seperti <progress value="" max=""></progress> dengan konten apapun didalam tag pembuka dan penutup.

Konten ini bisa menjadi nilai saat ini atau nilai maksimum yang dapat ditampilkan ke browser lama.

Downloading now. Progress...
<progress value="250" max="1000">
<span>25</span>%
</progress>
<progress value="71" max="100">Alex</progress><br>
<progress value="16" max="100">Brandon</progress><br>
<progress value="40" max="100">Charlotte</progress><br>
<progress value="92" max="100">Sam</progress>

value

Menentukan nilai bilah progres, pada skala yang ditentukan oleh atribut max .

Required.

"0.7"

Kamu dapat menggunakan angka desimal dan negatif . Angka itu harus antara nilai min dan maks .

"-42"

Jika kamu menggunakan nilai yang lebih rendah dari minimum, bilah progres akan kosong.

"63"

Jika kamu menggunakan nilai yang lebih tinggi dari maksimum, bilah progres akan penuh.

max

Menentukan nilai maksimum yang dimungkinkan pada bilah progres.

"1"

Default.

Kamu dapat menggunakan angka desimal dan negatif .

"100"

Kamu dapat menggunakan angka desimal dan negatif .