← All elements
<div class="rp"><i class="bar"></i><div class="txt"><h4>Reading progress</h4><p>Scroll this panel and watch the bar at the top.</p><p>It is tied to the scroll position directly.</p><p>No event listeners are involved.</p><p>The browser maps the range for you.</p></div></div>About this animation
Scroll Progress Indicator is a pure CSS animation made with HTML and CSS only, by @admin. Open an example, copy the HTML and the CSS, and paste them into your page. There is nothing to install and no JavaScript to load.