如何在 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>
廣告宣傳
資料結構
網路
RDBMS
作業系統
Java
iOS
HTML
CSS
Android
Python
C 語言
C++
C#
MongoDB
MySQL
Javascript
PHP