progress タグエレメント

　progress タグエレメントは、進捗状況や進行状況をプログレス表示する HTML タグエレメントです。

progress タグエレメント

<progress max="100" value="60" >進捗状況</progress>

表示例

進捗状況

詳しくは動作の確認を参照してください

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

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

- ad -

属性

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

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

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

- ad -