Thẻ HTML <progress>
Định nghĩa và cách sử dụng thẻ <progress>
Thẻ <progress>
thể hiện tiến độ hoàn thành của một nhiệm vụ. Ví dụ sau hiển thị thanh tiến trình:
<label for="file">Downloading progress:</label>
<progress id="file" value="32" max="100"> 32% </progress>
Mẹo:
- Luôn thêm thẻ <label> để có các phương pháp trợ năng tốt nhất!
- 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ử.
Phần tử <progress> | Google Chrome | MS Edge | Firefox | Safari | Opera |
---|---|---|---|---|---|
8.0 | 10.0 | 16.0 | 6.0 | 11.0 |
Các thuộc tính
Thuộc tính | Giá trị | Mô tả |
---|---|---|
max | number | Chỉ định tổng số lượng công việc mà nhiệm vụ yêu cầu. Giá trị mặc định là 1 |
value | number | Chỉ định bao nhiêu nhiệm vụ đã được hoàn thành |
Thuộc tính Global
Thẻ <progres>
cũng hỗ trợ các thuộc tính Global trong HTML.
Thuộc tính sự kiện
Thẻ <progres>
cũng hỗ trợ thuộc tính sự kiện trong HTML.
Cài đặt CSS mặc định
Không có.
322
Bạn nên đọc
0 Bình luận
Sắp xếp theo
Xóa Đăng nhập để Gửi
Cũ vẫn chất
-
Cách bật chế độ riêng cho tài khoản Twitter
Hôm qua -
Máy tính ngốn bao tiền điện mỗi tháng?
Hôm qua -
Hướng dẫn tạo chữ ký Gmail chuyên nghiệp
Hôm qua -
Những câu nói hài hước về tóc, stt về tóc hay và chất
Hôm qua -
Cách làm 4 món thịt ngâm mắm tỏi chua ngọt thơm ngon ngày Tết
Hôm qua -
Cách sử dụng VPN trên trình duyệt Opera
Hôm qua -
Cách lấy lại quyền truy cập ổ cứng, sửa lỗi không mở được ổ cứng
Hôm qua -
Chiêm ngưỡng loạt ảnh vũ trụ ấn tượng từ kính viễn vọng 10 tỷ USD
Hôm qua 1 -
Internet vệ tinh của Musk đến Đông Nam Á, phí thuê bao 1,1 triệu/tháng
Hôm qua -
Cách đổi mật khẩu Wifi, đổi pass wifi VNPT, FPT, Tenda, TP-Link, Viettel trên máy tính, điện thoại
Hôm qua 26