HTML แบบตัวย่อ <progress>
คำนิยามและการใช้งาน
<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 |