HTML <progress> 标籤

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

定义和用法

<progress> 标签表示任务的完成进度。

Pemberitahuan:请始终添加 <label> 标签 以获得最佳可访问性实践！

另请参阅：

HTML DOM 参考手册：Progress 对象

实例

显示进度条：

<label for="file">下载进度：</label>
<progress id="file" value="32" max="100"> 32% </progress>

Cuba sendiri

Pemberitahuan dan catatan

Pemberitahuan:Taruh <progress> Tanda digunakan bersama-sama dengan JavaScript untuk menunjukkan kemajuan tugas.

Perhatian:<progress> Tanda ini tidak sesuai untuk wakil alat (contohnya penggunaan ruang disk atau keberkesan hasil pemeriksaan). Untuk menampilkan alat, gunakan tanda <meter>.

Sifat

Sifat Nilai Penerangan
max Nombor Menentukan jumlah kerja keseluruhan untuk tugas. Nilai lalai adalah 1.
value Nombor Menentukan bahagian tugas yang selesai.

Sifat global

<progress> Tanda masih menyokong Sifat global HTML.

Sifat acara

<progress> Tanda masih menyokong Sifat acara di dalam HTML.

Pengaturan CSS lalai

Tiada.

Dukungan perekap

Angka di dalam tabel menunjukkan versi perekap yang pertama yang menolong tanda ini penuhnya.

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>