フォーム

`<progress>` 進み具合

重要度2 / 5

意味

ファイルのアップロードや、入力の手順など、作業の進み具合を示す場合に使います。value を書かないと、進み具合が分からない待ち状態の表示になります。

HTML

<label for="upload">アップロード中</label>
<progress id="upload" max="100" value="60">60%</progress>

プレビュー（初期表示）

出典: MDN Web Docs（`@mdn/browser-compat-data`）