如何在 HTML 中建立一個進度條？

使用 <progress> 標籤可以在 HTML 中建立一個進度條。HTML <progress> 標籤指定任務完成的進度。它以進度條顯示。進度條的值可以透過 JavaScript 進行操作。

以下為屬性 −

屬性
值
說明
max
max
應大於零併為有效的浮點數
value
value
指定任務已完成的比例。它應該是在 0 和 max 之間的浮點數，或者如果省略了 max，則在 0 和 1 之間

示例

你可以執行以下程式碼來了解如何在網頁中建立一個進度條 −

<!DOCTYPE html>
<html>
   <head>
      <title>HTML Progress Tag</title>
   </head>
   <body>
      <h1>Loading</h1>
      <progress value = "65" max = "100"/>
   </body>
</html>

更新於： 03-3 月-2020

7K+ 次瀏覽

啟動你的 職業

完成課程獲得認證

開始
廣告