progress要素

progress要素:属性情報

属性用途必須設定値
formフォームとの関連付け-関連付けるform要素に指定したid名
max全体の作業量-0以上 (浮動小数点数、初期値は 1)
省略した場合は1と見做す
value進捗状況-0以上 ~ max属性値以下 (浮動小数点数)
省略した場合は未確定プログレスバーとして表示

実装例1:0%の進捗を表示する

HTML5コード

実行結果

サンプル進捗1:0%

実装例2:50%の進捗を表示する

HTML5コード

実行結果

サンプル進捗1:50%

実装例3:ダウンロード中を表示する

HTML5コード

実行結果

サンプル進捗2:ダウンロード中・・・

コメントを残す

メールアドレスが公開されることはありません。

email confirm*

post date*

「駑馬十駕」 IT系情報を中心に調べた事をコツコツ綴っています。

モバイルバージョンを終了