Tanda <progress> HTML

  • Halaman sebelumnya <pre>
  • Halaman berikutnya <q>

Definisi dan Penggunaan

<progress> Tag untuk menunjukkan kemajuan tugas.

Petunjuk:Selalu tambahkan <label> Tag Untuk Praktik Aksesibilitas Terbaik!

Lihat Juga:

Panduan DOM HTML:Objek Progress

Contoh

Tampilkan Bekerjaan:

<label for="file">Progresuun Unduh:</label>
<progress id="file" value="32" max="100"> 32% </progress>

Coba sendiri

Petunjuk dan catatan

Petunjuk:Taruh <progress> Markah yang digunakan bersamaan dengan JavaScript dapat menampilkan kemajuan tugas.

Perhatian:<progress> Tag ini tidak cocok untuk menunjukkan alat (seperti kegunaan ruang penyimpanan disk atau relevansi hasil query).Untuk menunjukkan alat, gunakan tag <meter>.

Atribut

Atribut Nilai Deskripsi
max Angka Tentukan total kerja tugas yang diperlukan. Nilai default adalah 1.
value Angka Tentukan bagian tugas yang selesai.

Atribut global

<progress> Tag juga mendukung Atribut global di HTML.

Atribut acara

<progress> Tag juga mendukung Atribut acara di HTML.

Pengaturan CSS standar

Tidak ada.

Dukungan browser

Angka di tabel menunjukkan versi browser pertama yang mendukung tag ini.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
8.0 10.0 16.0 6.0 11.0
  • Halaman sebelumnya <pre>
  • Halaman berikutnya <q>