Tag <kemajuan> HTML
Contoh
Tampilkan bilah kemajuan:
<label for="file">Downloading progress:</label>
<progress id="file"
value="32" max="100"> 32% </progress>
Definisi dan Penggunaan
Tag <progress>
mewakili kemajuan penyelesaian tugas.
Tip: Selalu tambahkan tag <label> untuk praktik aksesibilitas terbaik!
Tips dan Catatan
Tip: Gunakan <progress>
tag bersama dengan JavaScript untuk menampilkan kemajuan tugas.
Catatan : <progress>
Tag tidak cocok untuk mewakili pengukur (misalnya penggunaan ruang disk atau relevansi hasil kueri). Untuk mewakili pengukur, gunakan tag <meter> sebagai gantinya.
Dukungan Peramban
Angka-angka dalam tabel menentukan versi browser pertama yang sepenuhnya mendukung elemen tersebut.
Element | |||||
---|---|---|---|---|---|
<progress> | 8.0 | 10.0 | 16.0 | 6.0 | 11.0 |
Atribut
Attribute | Value | Description |
---|---|---|
max | number | Specifies how much work the task requires in total. Default value is 1 |
value | number | Specifies how much of the task has been completed |
Atribut Global
Tag <progress>
juga mendukung Atribut Global dalam HTML .
Atribut Acara
Tag <progress>
juga mendukung Atribut Peristiwa dalam HTML .
Halaman Terkait
Referensi DOM HTML: Objek Kemajuan
Pengaturan CSS Default
Tidak ada.