Reading Progress Bar for WordPress

Long articles can feel daunting when a reader has no sense of how far the end is. This plugin answers that by placing a slim bar at the top or bottom of the page that fills dynamically as the visitor scrolls. Readers get a clear indicator of where they are in the piece, which can make a lengthy post feel easier to finish.

Setup uses lightweight CSS, JS and HTML, and no coding skills are needed to adjust it. You can pick solid colors or gradients to match your brand. The bar is responsive and Retina ready, and it works on desktop, tablet and mobile. It suits blogs, portfolios, corporate sites, online stores, agency sites, personal CVs and any other site with long-scrolling content.

Features

• Top or bottom placement: Choose whether the progress bar sits at the top or the bottom of the page, so it fits the layout and interface of your site.
• Solid colors and gradients: Pick a solid color or a smooth gradient for the progress indicator so the bar matches your brand and the rest of your design.
• Dynamic scroll tracking: The bar fills as visitors scroll, giving them a clear view of how much of a post they have read and how much remains.
• Responsive and Retina ready: The progress bar displays crisply on high-resolution Retina screens as well as on smartphones, tablets and desktop monitors.
• Cross-browser support: Works in Chrome, Firefox, Safari, Edge and Opera, and in older versions of Internet Explorer, so visitors see the same progress indicator.
• Lightweight code: The plugin is built with lightweight CSS, JS and HTML, and you can set it up and customize it without writing any code.
• Built for long-form content: Suited to blogs, portfolios, corporate pages, online stores and any site with lengthy posts or detailed information that visitors scroll through.

Best for

• Bloggers and content creators publishing long articles
• Portfolio, corporate and agency sites with long pages
• Site owners who want a simple scroll indicator