Progress
タスクの完了度合いをバーで可視化するコンポーネント。プロフィール入力率や選考ステップの進み具合など、ゴールまでの残りを示して次の行動を促す場面で使う。Track と Indicator は Progress が自動で描画するため、ProgressLabel と ProgressValue を children に置くだけで使える。
基本
ProgressLabel と ProgressValue を children に置いた基本形。value を渡すだけでバーが描画され、値は百分率で自動表示される。
プロフィール入力率
マイページに置くプロフィール入力率カード。30%・70%・100% の段階に応じて案内文言とアクションを切り替え、Web履歴書の完成を後押しする。
ステップ進捗
max を指定して件数ベースの進捗を割合に変換する形。選考ステップや求人票の入力セクションなど、全体の工程数が決まっているフローの現在地表示に使う。