Firefox 6オーロラに進捗バー<progress>対応機能登場

お知らせ: 5月16日掲載記事に関するお詫び

マイナビニュース

開発・SE

急上昇ワード

[

]

後藤大地　 [2011/06/08]

印刷

Firefox web browser - Faster, more secure & customizable

hacks.mozilla.orgにおいてFirefox Auroraにprogress要素の機能が追加されたことが紹介されている。現在のAuroraはバージョン6系であることから、Firefox 6からprogress要素が正式サポートされることになるとみられる。Firefox 6は2011年8月頭ごろのリリースが予定されている。

progress要素は進捗状況を表現するための機能。なにも属性を指定しなければ処理が進んでいることを示すアニメーションが表示され、valueに値を指定すればその値に応じた進捗状況が表示される。max属性を指定した場合、value属性で指定した値はmaxの値に対する相対値として扱われる。max属性が指定されていない場合、value属性で指定する値は0から1の間の数として解釈される。

<!doctype html>
<html lang="ja">
<head>
  <meta charset="utf-8">
  <title>progress demo</title>
</head>
<body>
  <progress value="0.6">60%</progress>
</body>
</html>

Firefox Auroraでは進捗バーが表示されるが、Firefox 4では「60%」という数値のみが表示される。これはFirefox 4がprogress要素を理解しないため要素そのものが無視されて、progress要素内の「60%」というテキストが表示されたもの。