CSSスクロール駆動アニメーション：タイムライン付きプログレスバー

この実装は、JavaScriptなしでスクロールの進行状況によってアニメーションを制御できる最新のCSS機能であるCSSスクロール駆動アニメーションをデモンストレーションします。ページをスクロールするとプログレスバーが埋まり、特定のスクロール位置（25%、50%、75%）でタイムラインマーカーがハイライト表示されます。

主な特徴：

• animation-timeline: scroll(root)を使用してアニメーションをスクロール進行状況に連動
• animation-rangeを使用して特定のスクロール範囲内でマーカーをアクティブ化
• スティッキーポジションでスクロール中もプログレスバーを表示
• JavaScript依存なしの純粋なCSSソリューション
• すべての画面サイズで動作するレスポンシブデザイン

ブラウザサポート：実験的Webプラットフォーム機能フラグが有効なChrome 115+またはEdge 115+が必要です。