プログレスバーとは? わかりやすく解説

Weblio 辞書 > 辞書・百科事典 > デジタル大辞泉 > プログレスバーの意味・解説 

プログレス‐バー【progress bar】

読み方:ぷろぐれすばー

進捗バー


プログレスバー

別名:進捗バー
【英】progress bar

プログレスバーとは、ユーザーインターフェース一種で、処理が全体の何割程度進捗したのかを示す表示のことである。

プログレスバーの多く横長の棒のような形状をしており、その棒が何割埋められたかによって全体進捗状況把握できるようになっているある程度時間要する処理が行われる場合に、プログレスバーが用意されていると、今どのくらい進んだか、あとどのくらい時間要するか、などを把握することができる。


プログレスバー

出典: フリー百科事典『ウィキペディア(Wikipedia)』 (2024/11/01 23:37 UTC 版)

プログレスバーの一例
プログレスバーのアニメーション

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

プログレスバーの外観形態としては、左から右へ満たされていく水平方向のバーで進捗率を表すものがよく使われている。それだけではなく、右端から左端へと減少していく水平方向と、上から下へと減少または下がっていく垂直方向のバーで進捗率を表すものもあった。

不定状態

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

派生ウィジェット

macOSiOSAndroidMicrosoft Windows 8[4]などでは、プログレスサークル: progress circle)やスピニングプログレスインジケーター: spinning progress indicator[6]プログレスリング: progress ring[7]プログレススピナー: progress spinner[8]のように、進捗率表示や不確定状態のアニメーションが円環(円グラフ)や数珠のような形状で表示されるものもある。プログレスバーよりも占有面積が小さくて済むため、特に画面の小さいモバイル環境で多用されている。例えば複数のファイルのアップロード/ダウンロードの進捗率や、複数のアプリのインストール/アップデートの進捗率をコンパクトに個別表示するのに都合がよい。

なお、macOSのスピニング待機カーソル: spinning wait cursor[9]や、Microsoft Windows Vista以降の待機カーソル[10]は、円形のデザインのアイコンがアニメーションすることにより、システムやアプリケーションがビジー状態であることを示すようになっているが、これらはかつて砂時計のデザインのアイコンが使われていたものであり、プログレスリングやプログレススピナーが登場するよりもずっと早い段階で円形のデザインとなっていた。なお、Windowsではマウスのプロパティのデザイン設定を変更することで、Vista以降であっても待機カーソルを従来の砂時計アイコンなどにしたり、ユーザーが用意したカーソル画像を設定したりすることもできる[11][12]。待機カーソルはビジーカーソルまたはビジーポインターとも呼ばれる。Windowsのデスクトップユーザーエクスペリエンスガイドラインでは、動作が完了するまでユーザーが1秒以上待機しなければならない場合、ビジーポインター(IDC_WAIT)を表示するよう指定されている。バックグラウンドで作業が進行中で、他に完了までの視覚的フィードバックを提供する手段がない場合は、矢印アイコンと小さなビジーアイコンが組み合わされたポインター(IDC_APPSTARTING[注釈 1])を表示する。これらの活動状況を示すポインターはプログレスバーやプログレスアニメーションと組み合わせてはいけないとされている[13]

HTML5

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

脚注

注釈

  1. ^ 名前の通り、アプリケーションを起動(開始)した直後にこのカーソルが表示されることがある。

出典

関連項目


プログレスバー

出典: フリー百科事典『ウィキペディア(Wikipedia)』 (2021/05/17 03:36 UTC 版)

Command パターン」の記事における「プログレスバー」の解説

プログラム一連のコマンド順番実行する場合考える。各コマンドオブジェクトが getEstimatedDuration()持っていれば、プログラム全体処理時間簡単に予測することができる。全てのタスク完了がどの程度近いのかを意味のある形で示すプログレスバーを表示できる

※この「プログレスバー」の解説は、「Command パターン」の解説の一部です。
「プログレスバー」を含む「Command パターン」の記事については、「Command パターン」の概要を参照ください。

ウィキペディア小見出し辞書の「プログレスバー」の項目はプログラムで機械的に意味や本文を生成しているため、不適切な項目が含まれていることもあります。ご了承くださいませ。 お問い合わせ


英和和英テキスト翻訳>> Weblio翻訳
英語⇒日本語日本語⇒英語
  

辞書ショートカット

すべての辞書の索引

「プログレスバー」の関連用語

プログレスバーのお隣キーワード
検索ランキング

   

英語⇒日本語
日本語⇒英語
   



プログレスバーのページの著作権
Weblio 辞書 情報提供元は 参加元一覧 にて確認できます。

   
デジタル大辞泉デジタル大辞泉
(C)Shogakukan Inc.
株式会社 小学館
IT用語辞典バイナリIT用語辞典バイナリ
Copyright © 2005-2025 Weblio 辞書 IT用語辞典バイナリさくいん。 この記事は、IT用語辞典バイナリの【プログレスバー】の記事を利用しております。
ウィキペディアウィキペディア
All text is available under the terms of the GNU Free Documentation License.
この記事は、ウィキペディアのプログレスバー (改訂履歴)の記事を複製、再配布したものにあたり、GNU Free Documentation Licenseというライセンスの下で提供されています。 Weblio辞書に掲載されているウィキペディアの記事も、全てGNU Free Documentation Licenseの元に提供されております。
ウィキペディアウィキペディア
Text is available under GNU Free Documentation License (GFDL).
Weblio辞書に掲載されている「ウィキペディア小見出し辞書」の記事は、WikipediaのCommand パターン (改訂履歴)の記事を複製、再配布したものにあたり、GNU Free Documentation Licenseというライセンスの下で提供されています。

©2025 GRAS Group, Inc.RSS