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

progress要素:属性情報

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

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

HTML5コード

実行結果

サンプル進捗1: 0%

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

HTML5コード

実行結果

サンプル進捗1: 50%

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

HTML5コード

実行結果

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

Ads by Google

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

次のHTML タグと属性が使えます: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code class="" title="" data-url=""> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> <pre class="" title="" data-url=""> <span class="" title="" data-url="">