แท็ก progress

แท็ก progress ใช้สำหรับแสดงความคืบหน้าของงาน การเปลี่ยนแปลงค่าทำได้ผ่าน JavaScript ภายใน แท็กสามารถระบุข้อความที่จะแสดง ในกรณีที่เบราว์เซอร์ไม่รู้จักแท็กนี้

แอตทริบิวต์

แอตทริบิวต์ คำอธิบาย
value ค่าปัจจุบันของความคืบหน้า
max ค่าสูงสุดของความคืบหน้า

ค่าของแอตทริบิวต์เป็นจำนวนเต็มหรือจำนวนทศนิยม

ตัวอย่าง

html<progress max="100" value="25">
  โหลดแล้ว 25%
</progress>

Результат:

ตัวอย่าง

html<progress max="100" value="75">
  โหลดแล้ว 75%
</progress>

Результат:

ตัวอย่าง

html<progress max="100" value="100">
  โหลดแล้ว 100%
</progress>

Результат:

ตัวอย่าง

html<progress max="100" value="0">
  โหลดแล้ว 0%
</progress>

Результат:

ตัวอย่าง . ค่าทศนิยม

html<progress max="100" value="10.5">
  โหลดแล้ว 10.5%
</progress>

Результат:

ดูเพิ่มเติม

  • แท็ก meter,
    ซึ่งแสดงช่วงของค่าในรูปแบบสวยงาม