新着! 44ページの電子書籍「CSSを44分で学ぶ」がリリースされました! 😃

今すぐ入手 →

# 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"

小数負の数を使用できます。