HTML <ความคืบหน้า>แท็ก
ตัวอย่าง
แสดงแถบความคืบหน้า:
<label for="file">Downloading progress:</label>
<progress id="file"
value="32" max="100"> 32% </progress>
ความหมายและการใช้งาน
แท็ ก<progress>
แสดงถึงความคืบหน้าของงาน
เคล็ดลับ:เพิ่ม แท็ก <label> เสมอ เพื่อแนวทางปฏิบัติด้านการเข้าถึงที่ดีที่สุด!
เคล็ดลับและหมายเหตุ
เคล็ดลับ:ใช้<progress>
แท็กร่วมกับ JavaScript เพื่อแสดงความคืบหน้าของงาน
หมายเหตุ : <progress>
แท็กนี้ไม่เหมาะสำหรับการแสดงมาตรวัด (เช่น การใช้พื้นที่ดิสก์หรือความเกี่ยวข้องของผลลัพธ์การสืบค้น) หากต้องการแสดงมาตรวัด ให้ใช้ แท็ก <meter>แทน
รองรับเบราว์เซอร์
ตัวเลขในตารางระบุเบราว์เซอร์รุ่นแรกที่สนับสนุนองค์ประกอบอย่างสมบูรณ์
Element | |||||
---|---|---|---|---|---|
<progress> | 8.0 | 10.0 | 16.0 | 6.0 | 11.0 |
คุณลักษณะ
Attribute | Value | Description |
---|---|---|
max | number | Specifies how much work the task requires in total. Default value is 1 |
value | number | Specifies how much of the task has been completed |
คุณสมบัติสากล
แท็ ก<progress>
ยังสนับสนุน Global Attributes ในHTML
คุณสมบัติของเหตุการณ์
แท็ ก<progress>
ยังสนับสนุนแอตทริบิวต์เหตุการณ์ใน HTML
หน้าที่เกี่ยวข้อง
การอ้างอิง HTML DOM: Progress Object
การตั้งค่า CSS เริ่มต้น
ไม่มี.