Reading Progress Bar

The Reading Progress Bar visually indicates how much of the page the user has scrolled through.

Default

The Reading Progress Bar is a visual indicator that shows the user how far they have scrolled down the page. It is a thin bar that appears at the top of the page and fills up as the user scrolls down the page. The Reading Progress Bar is a helpful tool for users to understand how much content is left to read on a page.

content
<ReadingProgressBar />
<Block caption="content" class="h-[800px]"></Block>