GSAP ScrollTrigger: ステップハイライト付きインタラクティブタイムラインプログレスバー

GSAP ScrollTriggerを使ったインタラクティブなタイムラインプログレスバーを作成してください。スクロール位置に反応し、5つのマイルストーンステップを含み、各ステップはスクロールに合わせてコンテンツがスタッガーアニメーションで表示されます。固定されたプログレスバーにステップマーカーを設け、各セクションをスクロールするとハイライトされます。GSAPのfrom/toトゥイーンを使ったスムーズな出現アニメーションも追加。タッチ対応でモバイルレスポンシブにしてください。