備忘録的プログラミングリファレンス

<progress>エレメント

 <progress>エレメントは、進捗状況や進行状況を表示するエレメントです。

 属性を指定しない状態では左右にメモリが動くアニメーション表示のみです。進捗状況によって表示を操作するにはJavaScriptを使用する必要があります。

<progress>エレメント
<progress max="100">進捗状況</progress>
詳しくは動作の確認を参照してください

 ゲージとして表示するには<progress>エレメントよりも、<meter>エレメントを使用しましょう。

属性

グローバル属性も持ちます。以下に主な属性のみを示します。

AttributeValueExtra information
idcssにも使えます。エレメントをユニークとします。
classcssに使います。同名のclassは同じスタイルが適応されます。
value現在値を数値で設定。
max最大値を数値で設定。

動作の確認