ข้อมูลอ้างอิงHTML

HTML โดยตัวอักษร HTML ตามหมวดหมู่ รองรับ HTML Browser แอตทริบิวต์ HTML HTML Global Attributes เหตุการณ์ HTML HTML สี HTML Canvas HTML เสียง/วิดีโอ ชุดอักขระ HTML HTML Doctypes การเข้ารหัส URL HTML รหัสภาษา HTML รหัสประเทศ HTML ข้อความ HTTP วิธี HTTP ตัวแปลง PX เป็น EM แป้นพิมพ์ลัด


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 เริ่มต้น

ไม่มี.