Reading Progress Bar

A bar indicator displaying the current reading progress.

Copy: View demo

Dependencies

All components are built upon the CodyHouse Framework.

How To

The Reading Progress Bar component can be used to indicate the reading progress of a content (e.g., an article).

Add the js-reading-content class to the block of content of which you want to show the scrolling progress.

The component has been created using the HTML <progress> element. An HTML fallback is provided for browsers not supporting it.

Bug Report & Feedback

Get in touch: suggest a component or report a bug.

💌 Join our newsletter

Get our monthly recap with the latest CodyHouse news