進捗バーと尺度バー(低↔高)の違い

進捗バーは「割合や進み具合を、横の棒で分かりやすく見せたい」、尺度バー(低↔高)は「「低い〜高い」のどのあたりかを、位置で見せたい」。見た目と使い分けを並べて説明します。

横長の細い帯の一部が塗られ、端に%

進捗バー

進捗バーは、横長の帯の塗られた長さで割合や進捗を示す部品。

伝えたいこと
割合や進み具合を、横の棒で分かりやすく見せたい
見た目
横長の細い帯の一部が塗られ、端に%
左右に「低」「高」のラベルがある帯の上に、印が1つ

尺度バー(低↔高)

尺度バーは、両端にラベルを付けた帯の上に印を置き、対象がどの程度の位置にあるかを示す部品。

伝えたいこと
「低い〜高い」のどのあたりかを、位置で見せたい
見た目
左右に「低」「高」のラベルがある帯の上に、印が1つ

使い分け

進捗バーの側から見ると

  • 尺度バー(低↔高):尺度バーは位置を示す。進捗バーは0からの量

尺度バー(低↔高)の側から見ると

  • 進捗バー:進捗バーは0からの量。尺度バーは両端の間の位置