Reading Progress Bar

A bar indicator displaying the current reading progress.

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.

Categories

• Blog > Plugin
• Plugins > Misc
• Typography

Bug report & feedback

Component Github page ↗