HTML แบบตัวย่อ <progress>

  • หน้าก่อน <pre>
  • หน้าต่อไป <q>

คำนิยามและการใช้งาน

<progress> ตามฐานะซึ่งแสดงความคงดุลย์ของงานที่ทำเสร็จ

คำแนะนำ:โปรดเสริม <label> เพื่อขอรับประสบการณ์ที่ดีที่สุด!

อ่านเพิ่มเติมที่:

คู่มือ HTML DOM:วัตถุ Progress

ตัวอย่าง

แสดงด้านหน้าความคงดุลย์:

<label for="file">ดาวน์โหลดความคงดุลย์:</label>
<progress id="file" value="32" max="100"> 32% </progress>

ทดลองด้วยตัวเอง

คำแนะนำและหมายเหตุ

คำแนะนำ:จะ <progress> การใช้ติดตามกับ JavaScript สามารถแสดงความคืบหน้าของงานได้

สัญญาณเตือน:<progress> แบบภาพไม่เหมาะสมที่จะแสดงเครื่องมือบังคับ (เช่น การใช้งานพื้นที่ดิสก์หรือความเกี่ยวข้องของผลลัพธ์ค้นหา) ถ้าต้องการแสดงเครื่องมือบังคับ ใช้แบบภาพ <meter> แทน

คุณสมบัติ

คุณสมบัติ ค่า คำอธิบาย
max ตัวเลข กำหนดงานที่ต้องทำทั้งหมด ค่าเริ่มต้นคือ 1
value ตัวเลข กำหนดส่วนที่เสร็จงานของงาน

คุณสมบัติโลก

<progress> แบบภาพยังสนับสนุน คุณสมบัติโลกใน HTML.

คุณสมบัติเหตุการณ์

<progress> แบบภาพยังสนับสนุน คุณสมบัติเหตุการณ์ใน HTML.

การตั้งค่า CSS โดยเริ่มต้น

ไม่มี

การสนับสนุนโปรแกรมบราวเซอร์

ตัวเลขในตารางนี้ระบุว่าเวอร์ชั่นบราวเซอร์แรกที่สนับสนุนแบบภาพนี้

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
8.0 10.0 16.0 6.0 11.0
  • หน้าก่อน <pre>
  • หน้าต่อไป <q>