Thẻ <progress> HTML

  • Trang trước <pre>
  • Trang tiếp theo <q>

Định nghĩa và cách sử dụng

<progress> thẻ để biểu thị tiến độ hoàn thành của nhiệm vụ.

Lưu ý:Hãy luôn thêm <label> Thẻ Để có các thực hành khả năng truy cập tốt nhất!

Xin xem thêm:

Tài liệu tham khảo HTML DOM:Đối tượng Tiến độ

Mô hình

Hiển thị thanh tiến độ:

<label for="file">Tiến độ tải xuống:</label>
<progress id="file" value="32" max="100"> 32% </progress>

Thử trực tiếp

Hướng dẫn và chú thích

Lưu ý:Chuyển <progress> Kết hợp với JavaScript, dấu hiệu này có thể hiển thị tiến độ của nhiệm vụ.

Lưu ý:<progress> Nhãn không phù hợp để biểu thị đồng hồ (ví dụ như tình trạng sử dụng không gian đĩa hoặc tính liên quan của kết quả tìm kiếm). Để biểu thị đồng hồ, hãy sử dụng nhãn <meter>.

Thuộc tính

Thuộc tính Giá trị Mô tả
max Số Định nghĩa tổng công việc cần thiết để hoàn thành nhiệm vụ. Giá trị mặc định là 1.
value Số Định nghĩa phần công việc đã hoàn thành.

Thuộc tính toàn cục

<progress> Nhãn cũng hỗ trợ Thuộc tính toàn cục trong HTML.

Thuộc tính sự kiện

<progress> Nhãn cũng hỗ trợ Thuộc tính sự kiện trong HTML.

Cài đặt CSS mặc định

Không có.

Hỗ trợ trình duyệt

Số trong bảng cho biết phiên bản trình duyệt đầu tiên hỗ trợ nhãn này hoàn toàn.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
8.0 10.0 16.0 6.0 11.0
  • Trang trước <pre>
  • Trang tiếp theo <q>