CP Dynamic Progress Bar
CP Dynamic Progress Bar adds a sleek, reading progress indicator to your WordPress posts, pages, and public custom post types. Give visitors a clear sense of how far they’ve scrolled with customizable colors, elegant presets, optional percentage labels, smooth transitions, and accessibility-friendly markup. Built for performance, designed for clarity, and crafted for cleaner WordPress experiences.
🧭 CP Dynamic Progress Bar
CP Dynamic Progress Bar is a lightweight WordPress plugin that adds a beautiful reading progress bar to your website, helping visitors instantly understand how far they are through a page, post, article, tutorial, documentation page, or custom post type.
As users scroll, the progress bar moves horizontally across the screen, creating a smooth visual guide that improves the reading experience without getting in the way. It is perfect for blogs, tutorials, documentation sites, product pages, learning content, long-form articles, membership content, and any WordPress site where visitor engagement matters.
Designed by ClearPath Software Solutions, this plugin focuses on clean performance, simple configuration, accessibility, and polished presentation.
✨ What It Does
CP Dynamic Progress Bar displays a fixed reading progress indicator on eligible WordPress content. You can show it at the top or bottom of the browser window, customize how it looks, choose where it appears, and optionally display a percentage label so visitors can see exactly how far they have progressed.
The plugin works beautifully with posts, pages, and supported public custom post types, giving you flexible control over where the progress bar appears.
🎨 Beautiful Style Presets
Choose from several built-in visual styles to match your website’s personality:
Minimal
A clean, professional progress bar for subtle reading guidance.
Gradient
A vibrant bar using your primary and secondary colors for a smooth modern effect.
Glowing
A polished, luminous style that gives the progress bar extra visual energy.
Striped
A more animated, attention-friendly option for sites that want a little extra movement.
Custom
Use your own custom CSS for advanced styling and brand-specific design control.
⚙️ Easy Customization
From the plugin settings page, you can configure the progress bar without writing code.
You can adjust:
- Enabled or disabled status
- Supported post types
- Top or bottom position
- Bar height
- Z-index
- Primary color
- Secondary color
- Smooth transitions
- Animated stripes
- Percentage label visibility
- Percentage label alignment
- Custom CSS overrides
This makes it easy to create a progress bar that feels native to your theme, brand, and site layout.
📊 Optional Percentage Label
Want visitors to see a number as they scroll?
CP Dynamic Progress Bar includes an optional percentage label that can display the current reading progress. You can align it to the left, center, or right depending on your design needs.
This is especially useful for documentation, tutorials, educational content, and long-form articles where readers appreciate knowing how much content remains.
♿ Accessibility-Friendly Design
CP Dynamic Progress Bar is built with accessibility in mind. The frontend progress indicator includes accessible role="progressbar" markup and updates its aria-valuenow value as the visitor scrolls.
The plugin also respects reduced-motion preferences and includes support for high-contrast environments, making it a thoughtful addition for a wider range of visitors.
⚡ Performance First
This plugin is designed to stay lightweight. Frontend assets only load on eligible singular content where the progress bar is enabled, helping avoid unnecessary overhead across your site.
The frontend script is dependency-free and uses efficient scroll handling so the progress bar feels smooth without weighing down the page.
🧩 Great For
CP Dynamic Progress Bar is ideal for:
- Blog posts
- Long-form articles
- Tutorials
- Documentation
- Course content
- Knowledge base articles
- Product guides
- Landing pages
- Public custom post types
- WordPress sites that want a more polished reading experience
🛠️ Developer-Friendly
Advanced users can add their own CSS directly from the plugin settings. The plugin provides clear frontend targets, including:
#cppb-bar-wrapper
#cppb-bar-fill
This makes it easy to customize the bar beyond the built-in presets while keeping everything manageable from the WordPress dashboard.
🔒 Privacy Friendly
CP Dynamic Progress Bar does not collect personal data, does not track visitors, does not connect to external services, and does not load third-party scripts.
It simply adds a clean, customizable reading progress experience to your WordPress site.
Related Products
CP Admin Menu Styler Pro
Transform your WordPress dashboard with CP Admin Menu Styler Pro. Customize the admin menu with 100 professional preset themes, custom colors, fonts, gradients, menu organization tools, dark mode styles, and import/export options. Built by ClearPath Software Solutions, this lightweight plugin helps you create a cleaner, branded, and more enjoyable admin experience without adding dashboard bloat.
CP Breadcrumb Trail
CP Breadcrumb Trail adds intelligent, accessible, and schema-ready breadcrumb navigation to your WordPress website. Add a trail with the simple [[breadcrumb]] shortcode or enable automatic placement for selected content types. Choose from 25 professionally designed presets, customize colors and appearance, and give visitors a clearer path through your site—without editing theme files.
CP Plugin Manager Pro
CP Plugin Manager Pro gives WordPress administrators a faster, safer, and more organized way to manage every plugin from one professional dashboard. Install new plugins, activate or deactivate extensions, run updates, control automatic updates, review plugin health, monitor dependencies, inspect file integrity, and track important plugin activity—all without jumping between multiple WordPress screens.
CP Spinners
Add a smooth, professional loading overlay to your WordPress site whenever visitors navigate between pages. CP Spinners is a lightweight loading utility designed to display customizable, accessible frontend loaders without relying on heavy external libraries or jQuery. This plugin lets you choose from 32 unique spinner styles across 8 categories.
WP Performance Control
WP Performance Control gives WordPress administrators a simple, powerful dashboard for managing performance, cleanup, frontend optimization, security, and system behavior — without editing code or touching wp-config.php. Perfect for site owners, developers, agencies, and WordPress power users who want more control over performance or risky manual edits.