Computer >> Máy Tính >  >> Lập trình >> HTML

Làm cách nào để hiển thị tiến độ hoàn thành của một nhiệm vụ trong HTML5?

Sử dụng thẻ trong HTML5 để hiển thị tiến độ hoàn thành nhiệm vụ. Điều này giúp tạo thanh tiến trình. Sau đây là các thuộc tính -

Thẻ HTML hỗ trợ các thuộc tính bổ sung sau -

Thuộc tính
Giá trị
Mô tả
max Làm cách nào để hiển thị tiến độ hoàn thành của một nhiệm vụ trong HTML5? Tối đa
Nó phải có giá trị lớn hơn 0 và một số dấu phẩy động hợp lệ.
giá trị Làm cách nào để hiển thị tiến độ hoàn thành của một nhiệm vụ trong HTML5? giá trị
Chỉ định mức độ hoàn thành của nhiệm vụ. Nó phải là một số dấu phẩy động giữa 0 và max hoặc 0 và 1 nếu max bị bỏ qua.

Ví dụ

Bạn có thể thử chạy mã sau để tạo thanh tiến trình - 

<!DOCTYPE html>
<html>
   <head>
      <title>HTML Progress Tag</title>
   </head>
   <body>
      <h2>Water Level</h2>
      <progress value = "60" max = "100"/>
   </body>
</html>