Progress
タスク・アップロード・ステップの進捗を視覚的に表示するバー。「あとどれくらいかかるか」をユーザーに伝え、待機中の不安を軽減する。
インストール
npx shoji add progress
プレビュー
States
40%
70%
100%
使い方
こんなときに使う
- ファイルアップロード・ダウンロードの進捗表示
- 多段階フォーム（ウィザード）のステップ進行状況
- スキル習熟度・達成率など割合を視覚化したいとき
使わないほうがいい場面
- 進捗が不定の処理（不確定のときは Skeleton やスピナーを使う）
JP 最適化のポイント
- aria-label に日本語を使う場合、「進捗: 70%」など数値も含めて読み上げ可能にする