<progress value="0.7">Progress</progress>
新着! 44ページの電子書籍「CSSを44分で学ぶ」がリリースされました! 😃
# progress
プログレスバーを定義します。
例: コピー
例: コピー
<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"
小数と負の数を使用できます。 min
と max
の値の間でなければなりません。
"-42"
最小値より小さい値を使用すると、プログレスバーは空になります。
"63"
最大値より大きい値を使用すると、プログレスバーはいっぱいになります。
max
プログレスバーで可能な最大値を定義します。
"1"
デフォルト。
小数と負の数を使用できます。
"100"
小数と負の数を使用できます。