プログレスリング
Progress Ring
別名: 円形プログレス / Circular Progress
ライブデモ
説明
一言で説明
進行状況や数値を円環（リング）の長さで表現するUI要素。
いつ使う？
ダッシュボードでの目標達成率表示、ファイルのアップロード進捗、読み込み中（スピナー）の表現など。
💡 日常の言い方
「円がつながっていくタイプの読み込みバー」
似ている用語との違い
プログレスリング vs プログレスバー
プログレスバーは直線状だが、プログレスリングは円形で、より省スペースかつ装飾的な場面で使われる。
AIへの指示例
ストレージの使用量をプログレスリングで表示して。中央に「75%」とテキストを入れて、残り少なくなったら色を赤に変えて。