進捗バーと進捗リングの違い

進捗バーは「割合や進み具合を、横の棒で分かりやすく見せたい」、進捗リングは「1つの割合や達成度を、輪の塗りで見せたい」。見た目と使い分けを並べて説明します。

進捗バー

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

伝えたいこと

割合や進み具合を、横の棒で分かりやすく見せたい

見た目

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

進捗リング

進捗リングは、円周の塗られた長さで1つの割合を示し、中央に数値を置く部品。

伝えたいこと

1つの割合や達成度を、輪の塗りで見せたい

見た目

輪の一部が塗られ、中央に%の数字