Thẻ HTML <tiến trình>
Ví dụ
Hiển thị thanh tiến trình:
<label for="file">Downloading progress:</label>
<progress id="file"
value="32" max="100"> 32% </progress>
Hãy tự mình thử »Định nghĩa và cách sử dụng
Thẻ <progress>
thể hiện tiến độ hoàn thành của một nhiệm vụ.
Mẹo: Luôn thêm thẻ <label> để có các phương pháp trợ năng tốt nhất!
Lời khuyên và ghi chú
Mẹo: Sử dụng thẻ <progress>
kết hợp với JavaScript để hiển thị tiến trình của một tác vụ.
Lưu ý : Thẻ <progress>
không phù hợp để biểu thị thước đo (ví dụ: mức sử dụng dung lượng ổ đĩa hoặc mức độ liên quan của kết quả truy vấn). Để biểu thị một thước đo, thay vào đó hãy sử dụng thẻ <meter> .
Hỗ trợ trình duyệt
Các số trong bảng chỉ định phiên bản trình duyệt đầu tiên hỗ trợ đầy đủ phần tử.
Element | |||||
---|---|---|---|---|---|
<progress> | 8.0 | 10.0 | 16.0 | 6.0 | 11.0 |
Thuộc tính
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 |
Thuộc tính chung
Thẻ <progress>
cũng hỗ trợ Thuộc tính chung trong HTML .
Thuộc tính sự kiện
Thẻ <progress>
cũng hỗ trợ Thuộc tính sự kiện trong HTML .
Trang liên quan
Tham chiếu DOM HTML: Đối tượng tiến trình
Cài đặt CSS mặc định
Không có.