Reading Progress Indicator

The Reading Progress Indicator is a clean, floating circular progress bric that shows in real time how far a visitor has read on the page. As the user scrolls down, the indicator’s ring gradually fills up, providing a clear visual cue of reading progress.

Its position is fully adjustable — it can appear in the bottom-left or bottom-right corner of the screen, in two different sizes. The “%” symbol in the center can be toggled on or off, and the counter’s font can be freely selected from the Google Fonts library.

Colors are fully customizable: you can set the background, text, and the start and end colors of the progress arc, which transitions smoothly as the user scrolls. You can also define a separate color for the 100% state, giving readers a clear visual signal when they’ve reached the end of the content.

This bric is not only aesthetic but also functional — it helps visitors gauge how much of the page remains, making it especially useful for long articles, blog posts, or content-heavy pages.