แอตทริบิวท์ max ของ <progress> ใน HTML

แอตทริบิวท์ max ของ <progress> ใน HTML

แอตทริบิวท์ max ของแท็ก <progress> ใน HTML ใช้สำหรับตั้งค่าค่าสูงสุดในแถบความคืบหน้า (progress bar)

รูปแบบการใช้งานมีดังนี้:

<progress max="num">

โดย num แทนตัวเลขในรูปทศนิยม แสดงว่างานนั้นต้องการความพยายามเท่าใด

ตัวอย่าง

<!DOCTYPE html>
<html>
<body>
  <h2>Windows Build 10.58.89.1</h2>
  กำลังดาวน์โหลดและติดตั้ง: <progress value="75" max="100"></progress>
</body>
</html>

ผลลัพธ์

ในตัวอย่างข้างต้น เราได้แสดงความคืบหน้าของงานที่กำลังดำเนินการโดยใช้ <progress>:

<progress value="75" max="100"> </progress>

เราได้ตั้งค่าค่าสูงสุดในแถบความคืบหน้าผ่านแอตทริบิวท์ max:

max="100"