プログレスバー
Progress Bar
別名: 進捗バー
ライブデモ
説明
一言で説明
タスクの進行状況を水平のバーで視覚的に示すUI。
いつ使う？
ファイルアップロード、プロフィール入力の完了率、ステップフォームの進捗など、進行状況を伝えたいとき。
💡 日常の言い方
「バーがだんだん伸びて「何%完了」って教えてくれるやつ」
似ている用語との違い
プログレスバー vs ローディングスピナー
スピナーは進捗割合が不明なとき（不定）。プログレスバーは進捗割合がわかるとき（確定的）に使う。
AIへの指示例
ファイルアップロード画面にプログレスバーを表示して。バーはアクセントカラーのグラデーションにして、右端にパーセント表示を入れて。