refactor: 進捗表示部分をコンポーネントに切り出し

[IkumaTadokoro]

一見何を表示しているのかわかりづらかったため

---

PR提出前のチェックリスト:

• [x] PRの関心はただ一つだけになっている & 文法的に正しく、明確かつ完全なタイトルと本文になっている
• [x] 良いコミットメッセージを書いている
• [ ] 関連issueがある場合、コミットメッセージにClosing Keywordsを使っている
• [x] Featureブランチは最新版のmainブランチに追随している (そうでなければrebaseすること)
• [x] 関連するコミットはsquashした
• [ ] テストを追加した
• [x] bin/lintとbin/rspecを実行した