ゲージと進捗リングの違い

ゲージは「1つの割合や達成度を、メーターのように見せたい」、進捗リングは「1つの割合や達成度を、輪の塗りで見せたい」。見た目と使い分けを並べて説明します。

半円の弧が途中まで塗られ、中央に数字がある

ゲージ

ゲージは、半円の弧を目盛に見立て、1つの値がどこまで達したかを弧の塗りで示すグラフ。

伝えたいこと
1つの割合や達成度を、メーターのように見せたい
見た目
半円の弧が途中まで塗られ、中央に数字がある
輪の一部が塗られ、中央に%の数字

進捗リング

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

伝えたいこと
1つの割合や達成度を、輪の塗りで見せたい
見た目
輪の一部が塗られ、中央に%の数字

使い分け

ゲージの側から見ると

  • 進捗リング:全周の輪が進捗リング、半円の弧がゲージ。意味は同じ

進捗リングの側から見ると

  • ゲージ:ゲージは半円。リングは全周