処理の進捗率を表す<progress>要素 <progress>要素は、処理の進捗(しんちょく)状況を表す「プログレスバー」を表します。基本的な使い方は、max属性に最大値を、value属性に現在の進捗率を指定します。 max属性を省略した場合は1.0となります。value属性を省略した場合は、「処理は進行中だが、具体的な進捗率は不明」という意味になり、ビジュアルもそのように変化します。現在、この要素に対応しているのはOpera11とGoogle Chrome9です。 Webブラウザごとの<progress>要素の表示の違い 以下のサンプルは、進捗率が不明なプログレスバーと、進捗率が明らかなプログレスバーを並べて表示してみたものです。 <!DOCTYPE html> <meta charset="UTF-8"> <progress>処理が進行中...</progress><br> <pro