Thẻ <progress> trong HTML5
- Tag
<progress>mô tả tiến trình làm việc. - Tag
<progress>thường được dùng để hiển thị việc download hay load thời gian.
Sự khác nhau giữa HTML4.01 và HTML5
| HTML4.01 | HTML5 |
|---|---|
| Không hỗ trợ | Đây là tag mới trong HTML5 |
Cấu trúc
<progress></progress>
Ví dụ
Quá trình download được: <progress>90%</progress>
Trình duyệt hỗ trợ
Yêu cầu phiên bản trình duyệt với mức tối thiểu được hỗ trợ cho thẻ <progress>:
Trình duyệt dành cho PC:
Tag <progress> được hỗ trợ trong đa số các trình duyệt.
Thiết bị hỗ trợ
Yêu cầu phiên bản hệ điều hành và trình duyệt với mức tối thiểu được hỗ trợ cho thẻ <progress>:
ĐIỆN THOẠI (SMARTPHONE)
Hệ điều hành
Trình duyệt
MÁY TÍNH BẢNG (TABLETS)
Hệ điều hành
Trình duyệt
Thuộc tính
Cách sử dụng:
<progress thuoctinh="giatri"></progress>
Thuộc tính tùy chọn
| Thuộc tính | Giá trị | Ví dụ | Mô tả |
|---|---|---|---|
| max | Số | max="100" | Xác định giá trị hoàn thành của tiến trình. |
| value | Số | value="30" | Xác định giá trị hiện tại của tiến trình. |
Thuộc tính Tổng quát và thuộc tính sự kiện
Tất cả thuộc tính tổng quát và thuộc tính sự kiện được xác định trên phần lớn các thành phần HTML5
