🎉 Black Friday deal! 25% off your first year of CodyHouse Pro →


Progress value is 30%

Reading Progress Bar

A bar indicator displaying the current reading progress.

Copy: View demo


All components are based on CodyFrame.

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.

✅ Project duplicated

✅ Project created

There was an error while trying to export your project. Please try again or contact us