Computer >> คอมพิวเตอร์ >  >> การเขียนโปรแกรม >> HTML

จะแสดงความคืบหน้าของงานใน HTML5 ได้อย่างไร?


ใช้แท็ก ใน HTML5 เพื่อแสดงความคืบหน้าของงาน ซึ่งช่วยในการสร้างแถบความคืบหน้า ต่อไปนี้เป็นคุณลักษณะ -

แท็ก HTML รองรับแอตทริบิวต์เพิ่มเติมดังต่อไปนี้ -

แอตทริบิวต์
ค่า
คำอธิบาย
max จะแสดงความคืบหน้าของงานใน HTML5 ได้อย่างไร? Max
ควรมีค่ามากกว่าศูนย์และตัวเลขทศนิยมที่ถูกต้อง
value จะแสดงความคืบหน้าของงานใน HTML5 ได้อย่างไร? value
ระบุจำนวนงานที่ทำเสร็จแล้ว ควรเป็นตัวเลขทศนิยมระหว่าง 0 ถึงสูงสุด หรือ 0 ถึง 1 หากละค่า max ไว้

ตัวอย่าง

คุณสามารถลองเรียกใช้รหัสต่อไปนี้เพื่อสร้างแถบความคืบหน้า -

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