One Simple Bar. Real Impact.
Reading progress bars encourage visitors to keep scrolling. When readers can see how much content is left, they’re more likely to finish — and more likely to come back.
Fancy Post Grid makes adding a progress bar effortless — full control over where it shows, how it looks, and exactly how it behaves. No code needed.
Every Setting You Need to Make It Yours
Display Progress Bar Visibility on Pages and Posts
Choose Progress Bar Position
Choose whether the bar sits at the very top or the very bottom of the browser window, with both positions remaining fully sticky as the user scrolls. The top placement offers a classic, unobtrusive way to deliver important messages without disrupting the browsing flow, while the bottom placement provides a more modern, minimalist alternative that keeps the interface clean yet still highly visible.
Set Progress Bar Height
Adjust the height of the progress bar to fit your website’s design, ensuring it’s noticeable without overwhelming your content. Fine-tune the balance between visibility and subtlety so it enhances the user experience without distracting from your content.
Customize Progress Bar Colors
Set any color using the built-in visual color picker, or enter a hex code for pixel-perfect brand matching so the bar feels like a natural part of your design. With both an intuitive picker and direct hex code entry available, you get full flexibility to match your site’s look with precision and ease.
Up and Running in 4 Steps
Enable the Feature
Turn on Reading Progress Bar from the Fancy Post Grid settings panel in WordPress.
Choose Display Location
Select entire site, posts only, or pages only for targeted, meaningful display.
Set Position, Height & Color
Pick top or bottom, set your pixel height, and choose your brand color.
Save and Go Live
Hit save. The progress bar is live instantly — no cache, no code changes needed.
Frequently Asked Questions
Explore these frequently asked questions about AI Feature that you might be curious about. So, you can make a quick decision about whether you want to buy it.
Feel free to contact our support team in case you have more questions.
Can I show the progress bar only on blog posts?
Yes. You can choose to display it on posts only, pages only, or your entire site — all from the plugin settings.
Will it affect my site's loading speed?
Can I change the color to match my brand?
Absolutely. The plugin includes a color picker where you can select any color or enter a custom hex code.
Is the bar sticky as the user scrolls?
Absolutely. The plugin includes a color picker where you can select any color or enter a custom hex code.
Does it work on mobile devices?
Yes. The reading progress bar is fully responsive and works on all screen sizes including mobile and tablet.