About this plugin
The Reading Progress Bar plugin adds a beautiful, customizable progress bar to your blog posts, allowing readers to see how much they have scrolled through the content. This feature helps to enhance the reading experience and provides a visual indication of the user’s progress.
Key Features:
– 🎨 Modern Dashboard: Beautiful, intuitive admin interface with live preview
– 🌈 Advanced Customization: Gradient colors, shadows, borders, and effects
– 📱 Responsive Design: Works perfectly on desktop, tablet, and mobile
– ⚡ Performance Optimized: Smooth animations and efficient code
– 🎯 Per-Post Control: Enable/disable for individual posts
– 📊 Reading Time: Display estimated reading time
– 🎪 Live Preview: See changes in real-time as you adjust settings
Features
Core Functionality
- Reading Progress Tracking: Real-time progress bar that shows how much of the post has been read
- Per-Post Control: Enable/disable progress bar for individual posts
- Reading Time Estimation: Display estimated reading time for posts
- Responsive Design: Works perfectly on desktop, tablet, and mobile devices
Advanced Customization
- Color Options:
- Solid color picker with WordPress native color picker
- Gradient color support with start and end colors
- Custom shadow colors and effects
- Border color and width customization
Visual Effects
- Position Control: Place progress bar at top or bottom of screen
- Size Customization: Adjustable height (1-20px)
- Border Radius: Rounded corners (0-50px)
- Opacity Control: Adjust transparency (0.1-1.0)
- Shadow Effects: Customizable shadow with color and blur options
- Border Styling: Optional border with custom color and width
User Experience
- Smooth Animations: Fluid progress updates with CSS transitions
- Performance Optimized: Uses requestAnimationFrame for smooth scrolling
- Keyboard Navigation: Space bar and arrow key support
- Touch Gestures: Swipe support for mobile devices
- Accessibility: High contrast mode and reduced motion support
Dashboard Features
- Modern Admin Interface: Beautiful, responsive dashboard with tabs
- Live Preview: See changes in real-time as you adjust settings
- Statistics: View posts with progress bar enabled vs total posts
- Organized Settings: Grouped options for easy configuration
Configuration
Basic Settings
- Navigate to Settings > Reading Progress Bar
- Configure appearance options:
- Color: Choose solid color or enable gradient
- Height: Set progress bar height (1-20px)
- Position: Top or bottom of screen
- Border Radius: Add rounded corners
- Opacity: Adjust transparency
Advanced Effects
- Shadow: Enable shadow with custom color and blur
- Border: Add border with custom color and width
- Gradient: Use gradient colors instead of solid color
Display Settings
- Show on Posts: Enable/disable for blog posts
- Show on Pages: Enable/disable for pages
- Show Reading Time: Display estimated reading time
Per-Post Settings
- Edit any post and look for the “Reading Progress Bar” meta box
- Check/uncheck to enable/disable for that specific post
Requirements
- WordPress 5.6 or higher
- PHP 7.3 or higher
- jQuery (included with WordPress)
License
0+ license. txt for more information.
Support
For support, feature requests, or bug reports, please visit the plugin page or create an issue on GitHub.
Made with ❤️ for the WordPress community