問題一覧に戻る
上級Tailwind基礎
問題29: プログレスバー
アニメーション付きプログレスバーを学びましょう！
📝 タスク1: 各外側divにw-full bg-gray-200 rounded-full h-2 overflowを適用（overflow-hiddenも可）
📝 タスク2: 最初の内側divにh-2 bg-blue-600 transition-all duration-300 ease-outを適用
📝 タスク3: 2番目の内側divにh-2 bg-green-600 transition-all duration-300 ease-outを適用
HTMLエディタ
プレビュー