Title: Reading Progress Bar Author: Iftakharul Islam Published: 25 kovo, 2024 Last modified: 14 liepos, 2025 --- Ieškoti įskiepiuose ![](https://ps.w.org/blog-reading-progress-bar/assets/banner-772x250.png?rev=3176866) ![](https://ps.w.org/blog-reading-progress-bar/assets/icon-128x128.png?rev=3176866) # Reading Progress Bar Autorius [Iftakharul Islam](https://profiles.wordpress.org/ifatwp/) [Parsisiųsti](https://downloads.wordpress.org/plugin/blog-reading-progress-bar.2.0.0.zip) [Live Preview](https://lt.wordpress.org/plugins/blog-reading-progress-bar/?preview=1) * [Informacija](https://lt.wordpress.org/plugins/blog-reading-progress-bar/#description) * [Atsiliepimai](https://lt.wordpress.org/plugins/blog-reading-progress-bar/#reviews) * [Diegimas](https://lt.wordpress.org/plugins/blog-reading-progress-bar/#installation) * [Kūrimas](https://lt.wordpress.org/plugins/blog-reading-progress-bar/#developers) [Pagalba](https://wordpress.org/support/plugin/blog-reading-progress-bar/) ## Aprašymas 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 1. Navigate to **Settings > Reading Progress Bar** 2. Configure appearance options: 3. * **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 This plugin is released under the GPL-2.0+ license. You can find a copy of the license in the `license.txt` file or visit [http://www.gnu.org/licenses/gpl-2.0.txt](http://www.gnu.org/licenses/gpl-2.0.txt) for more information. ### Support For support, feature requests, or bug reports, please visit the [plugin page](https://ifatwp.wordpress.com/2023/10/17/blog-reading-progress/) or create an issue on GitHub. **Made with ❤️ for the WordPress community** ## Ekrano nuotraukos * [[ * Modern admin dashboard with tabbed interface * [[ * Live preview showing progress bar customization * [[ * Advanced effects configuration (shadows, borders) * [[ * Progress bar displayed on a blog post ## Diegimas 1. Upload the `blog-reading-progress-bar` folder to the `/wp-content/plugins/` directory. 2. Activate the plugin through the ‘Plugins’ screen in WordPress. 3. Go to Settings > Reading Progress Bar to configure options. ## DUK ### How can I customize the appearance of the progress bar? You can customize the progress bar through the modern dashboard interface. Navigate to ‘Settings’ > ‘Reading Progress Bar’ and use the tabbed interface to configure colors, effects, position, and more. The live preview shows changes instantly. ### Can I enable the progress bar on specific posts only? Yes, you have the option to enable or disable the progress bar on individual posts. Edit a post and look for the „Reading Progress Bar” meta box in the sidebar. Check the box to display the progress bar on that post, or uncheck it to hide the progress bar. ### What new features are available in version 2.0.0? Version 2.0.0 includes a complete redesign with: – Modern tabbed dashboard interface– Live preview functionality – Gradient color support – Shadow and border effects – Reading time display – Enhanced performance optimizations – Better mobile responsiveness– Improved accessibility features ### Is the plugin mobile-friendly? Yes! The plugin is fully responsive and includes touch gesture support for mobile devices. The progress bar adapts to different screen sizes and provides smooth interactions on touch devices. ### Can I use gradient colors? Absolutely! Version 2.0.0 includes full gradient support. You can choose between solid colors and gradients, with custom start and end colors for beautiful visual effects. ## Atsiliepimai Įskiepis neturi atsiliepimų. ## Programuotojai ir komandos nariai “Reading Progress Bar” yra atviro kodo programa. Prie jos sukūrimo prisidėję žmonės surašyti toliau. Autoriai * [ Iftakharul Islam ](https://profiles.wordpress.org/ifatwp/) [Išverskite “Reading Progress Bar” į savo kalbą.](https://translate.wordpress.org/projects/wp-plugins/blog-reading-progress-bar) ### Domina programavimas? [Peržiūrėkite kodą](https://plugins.trac.wordpress.org/browser/blog-reading-progress-bar/), naršykite [SVN repozitorijoje](https://plugins.svn.wordpress.org/blog-reading-progress-bar/), arba užsiprenumeruokite [kodo pakeitimų žurnalą](https://plugins.trac.wordpress.org/log/blog-reading-progress-bar/) per [RSS](https://plugins.trac.wordpress.org/log/blog-reading-progress-bar/?limit=100&mode=stop_on_copy&format=rss). ## Pakeitimų istorija #### 2.0.0 – Major Update **New Features:** – ✨ Modern admin dashboard with tabbed interface – ✨ Live preview functionality – ✨ Gradient color support with start/end colors – ✨ Shadow effects with customizable color and blur – ✨ Border effects with customizable color and width – ✨ Position options (top/bottom) – ✨ Opacity and border radius controls– ✨ Reading time display – ✨ Enhanced JavaScript with performance optimizations – ✨ Touch gesture support for mobile – ✨ Keyboard navigation support – ✨ Accessibility improvements – ✨ Statistics dashboard – ✨ Improved UI/UX design **Improvements:** – 🎨 Complete redesign of admin interface – 🚀 Better performance and responsiveness – 📱 Enhanced mobile experience – ♿ Better accessibility support– 🎯 More intuitive user experience #### 1.0.7 – Feb 12, 2025 **Added:** Tested up to WordPress 6.7.2 #### 1.0.0 * Initial release with basic progress bar functionality. ## Metainformacija * Version **2.0.0** * Atnaujinta **prieš 9 mėnesiai** * Aktyvių instaliacijų **Mažiau nei 10** * WordPress versija ** 5.6 ar naujesnė ** * Ištestuota iki **6.8.5** * PHP versija ** 7.3 ar naujesnė ** * Kalba * [English (US)](https://wordpress.org/plugins/blog-reading-progress-bar/) * Žymos * [blog](https://lt.wordpress.org/plugins/tags/blog/)[posts](https://lt.wordpress.org/plugins/tags/posts/) [progress bar](https://lt.wordpress.org/plugins/tags/progress-bar/)[reading time](https://lt.wordpress.org/plugins/tags/reading-time/) [user experience](https://lt.wordpress.org/plugins/tags/user-experience/) * [Daugiau](https://lt.wordpress.org/plugins/blog-reading-progress-bar/advanced/) ## Įvertinimai No reviews have been submitted yet. [Your review](https://wordpress.org/support/plugin/blog-reading-progress-bar/reviews/#new-post) [See all reviews](https://wordpress.org/support/plugin/blog-reading-progress-bar/reviews/) ## Autoriai * [ Iftakharul Islam ](https://profiles.wordpress.org/ifatwp/) ## Pagalba Turite pastabų? Reikia pagalbos? [Peržiūrėti pagalbos forumą](https://wordpress.org/support/plugin/blog-reading-progress-bar/)