如何在 HTML 中建立進度條?


使用 <progress> 標籤在 HTML 中建立進度條。HTML <progress> 標籤指定任務完成進度。它以進度條形式顯示。可以使用 JavaScript 操控進度條的值。

以下是屬性 −

屬性

說明
max
max
它應該大於 0,且是有效的浮點數
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-Mar-2020

7K+ 閱讀

開啟你的 職業生涯

完成課程認證

開始
廣告宣傳
© . All rights reserved.