プログレスバー

出典: フリー百科事典『ウィキペディア(Wikipedia)』
移動: 案内検索
プログレスバーの一例
プログレスバーのアニメーション

プログレスバー(英:Progress Bar)とは、長時間かかるタスクの進捗状況がどの程度完了したのかを視覚的・直感的に表示するもので、グラフィカルユーザインタフェースの要素(ウィジェット)の一つである。しばしば、ダウンロードファイル転送のようにパーセント形式で表示される際に使われる。プログレスメーター (Progress Meters)とも呼ばれる。

プログレスバーの外観形態としては、左から右へ満たされていく水平方向のバーで進捗率を表すものがよく使われている。

タスク完了までの処理量や時間が予測できないなど、タスクの進行の割合を表すことができない状況で使用される場合、一定幅のカラーバーが全体のバー内を繰り返し移動するアニメーションといったような、「未定プログレスバー」(Indeterminate)として表示される[1]。このバーは進行の総量(サイズ)がいっぱいになるのを示すのではなく、現在進行中であることを示す動きとしてインジケーターの役割を兼ねた働きをしている。Microsoft Windowsでは、この表示状態をマーキースタイル(Marquee Style)と呼ぶこともある[2]

また、Mac OS XiOSAndroidMicrosoft Windows 8[3]などでは、プログレスリング(Progress Ring)やスピニング待機カーソル(Spinning Wait Cursor)、スピニング待機アイコン(Spinning Wait Icon)のように、進捗率表示や不確定状態の待機アニメーションが円環(円グラフ)や数珠のような形状で表示されるものもある。

HTML5[編集]

HTML5では多数のユーザーインターフェイス要素が新たに標準化されたが、プログレスバーもprogress要素として追加された。

脚注[編集]

[ヘルプ]

関連項目[編集]