アバターアップロードリング

丸いアバターに進捗のリングを重ねた部品です。ホバーやフォーカスでカメラと Change photo が出て、クリックするとファイルを選べます。選んだ画像はその場でプレビューされます。リングは進捗の値まで滑らかに伸び、100% で緑になってチェックのバッジが付きます。アップロードはせず、onSelect にファイルを渡すだけです。写真・名前・文言を差し替えて、プロフィールや初期設定の画面にそのまま置けます。