新!我的 44 頁電子書「44 分鐘學會 CSS」已經出版!😃

立即取得 →

# progress

定義一個進度條

範例: 複製

進度
<progress value="0.7">Progress</progress>

範例: 複製

Alex
Brandon
Charlotte
Sam
<progress value="71" max="100">Alex</progress><br>
<progress value="16" max="100">Brandon</progress><br>
<progress value="40" max="100">Charlotte</progress><br>
<progress value="92" max="100">Sam</progress>

value

定義進度條的值,比例由 max 屬性定義。

必填。

"0.7"

您可以使用小數負數。它必須介於 minmax 值之間。

"-42"

如果您使用低於最小值的值,進度條將會是空的。

"63"

如果您使用高於最大值的值,進度條將會是滿的。

max

定義進度條上可能的最大值。

"1"

預設。

您可以使用小數負數

"100"

您可以使用小數負數