Scroll Progress Bar with Pure CSS Scroll-Driven Animations (No JavaScript)

A native scroll progress bar built entirely with CSS scroll-driven animations (animation-timeline: scroll()) - no JavaScript, no scroll event listeners. The bar fills automatically as the user scrolls through the content and gracefully falls back to a static state in browsers that don't support the feature yet. Copy the HTML and CSS below and drop it into any project.