https://hmaster.net/


HTMLタグとCSSを使いメモ帳だけで無料でホームページを作成する 方法を分かりやすく解説しているサイトです。 初心者向けに見やすい、読みやすい作りになっています。

作業の進捗状況を示す

<progress>~</progress>で作業の進捗状況を示すこと ができます。progressタグには以下の属性を指定できます。


属性 説明
value 現在の進捗状況・・・max属性有りの場合は0以上 max属性の値以下の値を使用する。 max属性無しの場合は0以上 1.0の値以下の値を使用する。
max 最大値・・・0より大きい値を使用する。
form formに関連するIDを指定する

下の例では双方とも進捗状況50%のプログレスバーを表示しています。 progressタグ内の内容はブラウザ上には表示されません。

【ブラウザ表示】

50%

0.5


ソース

<p><progress value="50" max="100">50%</progress></p>
<p><progress value="0.5">0.5</progress></p>

■ その他の項目

オートコンプリートを指定する
フォームの入力データの検証を無効にする
初期表示する内容を指定する
フォームの入力候補を表示する
計算結果の出力欄を表す
規定範囲内の容量を示す

HTML5のタグ一覧

HTMLタグ一覧

CSS一覧

このエントリーをはてなブックマークに追加