Would you like readers to see how far they are through a blog post? Botiga Pro adds a reading progress bar to single posts, with controls for its position, height, and color.
In this guide, we’ll walk you through how to add a reading progress bar to single blog posts in Botiga.
Before you get started, make sure you’ve installed and activated the Botiga theme on your WordPress site. If you’re using features from Botiga Pro, ensure that both the Botiga theme and the Botiga Pro plugin are installed and active. The reading progress bar is a Botiga Pro feature, so this requires Botiga Pro.
Find this option in Appearance » Customize » Blog » Single Posts (General) » Reading Progress Bar.
- Reading Progress Bar: Enable or disable the reading progress bar.
- Bar Position: Set the position of the bar, top or bottom.
- Bar Height: Set the height of the bar.
- Include Comments Area: The bar fills to 100% only when the last comment is in view.
This feature also has styling options. Find them in Appearance » Customize » Blog » Single Posts (Style) » Reading Progress Bar.
- Background Color: Sets the background color of the progress bar wrapper.
- Foreground Color: Sets the color of the foreground bar.
That’s it! You’ve successfully added a reading progress bar to single blog posts in Botiga.
Next, would you like to help readers navigate long posts? Check out our guide on adding a table of contents to single blog posts to learn more.
