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ó.
331
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
-
Code Tiếu Ngạo Gamota mới nhất đổi vàng khóa, đàn hương
Hôm qua -
Cách sửa lỗi BSOD Memory Management
Hôm qua 1 -
Cách thay đổi DNS Server trên Windows 11
Hôm qua -
Nhận xúc xắc Piggy Go mới nhất, Spin Piggy Go mới nhất
Hôm qua 3 -
Cách chỉnh cấu hình trong Mini World Block Art
Hôm qua -
40+ câu nói ‘xoắn lưỡi’ tiếng Việt, Anh, thách bạn có thể nói nhanh liên tiếp 5 lần mà vẫn trôi chảy
Hôm qua -
5 mẹo xem lịch sử máy tính trên iPhone
Hôm qua -
Lịch phát sóng VTV1 hôm nay 07/02/2025
Hôm qua -
6 cách tra cứu điểm thi vào lớp 10 Hà Nội 2025
Hôm qua -
Microsoft ra mắt Windows 11 IoT Enterprise LTSC 2024 với khả năng hỗ trợ thiết bị rộng hơn và nhiều thay đổi lớn
Hôm qua