{"id":183376,"date":"2024-03-25T21:31:08","date_gmt":"2024-03-25T21:31:08","guid":{"rendered":"https:\/\/wordpress.org\/plugins\/blog-reading-progress-bar\/"},"modified":"2025-07-14T18:39:28","modified_gmt":"2025-07-14T18:39:28","slug":"blog-reading-progress-bar","status":"publish","type":"plugin","link":"https:\/\/twd.wordpress.org\/plugins\/blog-reading-progress-bar\/","author":20874571,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_crdt_document":"","version":"2.0.0","stable_tag":"2.0.0","tested":"6.8.5","requires":"5.6","requires_php":"7.3","requires_plugins":null,"header_name":"Reading Progress Bar","header_author":"ifatwp","header_description":"Adds a reading progress bar to blog posts.","assets_banners_color":"ececee","last_updated":"2025-07-14 18:39:28","external_support_url":"","external_repository_url":"","donate_link":"","header_plugin_uri":"https:\/\/ifatwp.wordpress.com\/2023\/10\/17\/blog-reading-progress\/","header_author_uri":"https:\/\/ifatwp.wordpress.com\/","rating":0,"author_block_rating":0,"active_installs":0,"downloads":3509,"num_ratings":0,"support_threads":0,"support_threads_resolved":0,"author_block_count":0,"sections":["description","installation","faq","changelog"],"tags":{"1.0.0":{"tag":"1.0.0","author":"ifatwp","date":"2023-12-15 06:14:58"},"1.0.1":{"tag":"1.0.1","author":"ifatwp","date":"2023-12-15 13:22:38"},"1.0.2":{"tag":"1.0.2","author":"ifatwp","date":"2024-03-25 21:30:32"},"1.0.3":{"tag":"1.0.3","author":"ifatwp","date":"2024-03-26 05:14:18"},"1.0.5":{"tag":"1.0.5","author":"ifatwp","date":"2024-10-28 10:15:15"},"1.0.6":{"tag":"1.0.6","author":"ifatwp","date":"2024-10-28 11:00:25"},"1.0.7":{"tag":"1.0.7","author":"ifatwp","date":"2025-02-12 13:41:59"},"2.0.0":{"tag":"2.0.0","author":"ifatwp","date":"2025-07-14 18:39:28"},"2.0.1":{"tag":"2.0.1","author":"ifatwp","date":"2025-07-20 18:03:25"}},"upgrade_notice":{"2.0.0":"<p>This is a major update with a completely redesigned interface and new features. The admin dashboard has been modernized with a tabbed interface, live preview, and advanced customization options. All existing settings will be preserved during the upgrade.<\/p>","1.0.0":"<p>Initial release of the Reading Progress Bar plugin.<\/p>"},"ratings":[],"assets_icons":{"icon-128x128.png":{"filename":"icon-128x128.png","revision":3176866,"resolution":"128x128","location":"assets","locale":""},"icon-250x250.png":{"filename":"icon-250x250.png","revision":3176866,"resolution":"250x250","location":"assets","locale":""}},"assets_banners":{"banner-1544x500.png":{"filename":"banner-1544x500.png","revision":3176866,"resolution":"1544x500","location":"assets","locale":""},"banner-752x250.png":{"filename":"banner-752x250.png","revision":3176866,"resolution":"752x250","location":"assets","locale":""},"banner-772x250.png":{"filename":"banner-772x250.png","revision":3176866,"resolution":"772x250","location":"assets","locale":""}},"assets_blueprints":{"blueprint.json":{"filename":"blueprint.json","revision":3331013,"resolution":false,"location":"assets","locale":"","contents":"{\"landingPage\":\"\\\/wp-admin\\\/admin.php?page=brp-reading-progress-bar-settings\",\"preferredVersions\":{\"php\":\"8.0\",\"wp\":\"latest\"},\"phpExtensionBundles\":[\"kitchen-sink\"],\"features\":{\"networking\":true},\"steps\":[{\"step\":\"installPlugin\",\"pluginZipFile\":{\"resource\":\"wordpress.org\\\/plugins\",\"slug\":\"blog-reading-progress-bar\"},\"options\":{\"activate\":true}},{\"step\":\"login\",\"username\":\"admin\",\"password\":\"password\"}]}"}},"all_blocks":[],"tagged_versions":["1.0.0","1.0.1","1.0.2","1.0.3","1.0.5","1.0.6","1.0.7","2.0.0","2.0.1"],"block_files":[],"assets_screenshots":{"Screenshot-1.png":{"filename":"Screenshot-1.png","revision":3176866,"resolution":"1","location":"assets","locale":""},"Screenshot-2.png":{"filename":"Screenshot-2.png","revision":3176866,"resolution":"2","location":"assets","locale":""},"Screenshot-3.png":{"filename":"Screenshot-3.png","revision":3176866,"resolution":"3","location":"assets","locale":""},"Screenshot-4.png":{"filename":"Screenshot-4.png","revision":3176866,"resolution":"4","location":"assets","locale":""}},"screenshots":{"1":"Modern admin dashboard with tabbed interface","2":"Live preview showing progress bar customization","3":"Advanced effects configuration (shadows, borders)","4":"Progress bar displayed on a blog post","5":"Mobile-responsive design"},"jetpack_post_was_ever_published":false},"plugin_section":[],"plugin_tags":[323,166,9351,27629,3852],"plugin_category":[],"plugin_contributors":[225950],"plugin_business_model":[],"class_list":["post-183376","plugin","type-plugin","status-publish","hentry","plugin_tags-blog","plugin_tags-posts","plugin_tags-progress-bar","plugin_tags-reading-time","plugin_tags-user-experience","plugin_contributors-ifatwp","plugin_committers-ifatwp"],"banners":{"banner":"https:\/\/ps.w.org\/blog-reading-progress-bar\/assets\/banner-772x250.png?rev=3176866","banner_2x":"https:\/\/ps.w.org\/blog-reading-progress-bar\/assets\/banner-1544x500.png?rev=3176866","banner_rtl":false,"banner_2x_rtl":false},"icons":{"svg":false,"icon":"https:\/\/ps.w.org\/blog-reading-progress-bar\/assets\/icon-128x128.png?rev=3176866","icon_2x":false,"generated":false},"screenshots":[{"src":"https:\/\/ps.w.org\/blog-reading-progress-bar\/assets\/Screenshot-1.png?rev=3176866","caption":"Modern admin dashboard with tabbed interface"},{"src":"https:\/\/ps.w.org\/blog-reading-progress-bar\/assets\/Screenshot-2.png?rev=3176866","caption":"Live preview showing progress bar customization"},{"src":"https:\/\/ps.w.org\/blog-reading-progress-bar\/assets\/Screenshot-3.png?rev=3176866","caption":"Advanced effects configuration (shadows, borders)"},{"src":"https:\/\/ps.w.org\/blog-reading-progress-bar\/assets\/Screenshot-4.png?rev=3176866","caption":"Progress bar displayed on a blog post"}],"raw_content":"<!--section=description-->\n<p>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.<\/p>\n\n<p><strong>Key Features:<\/strong>\n- \ud83c\udfa8 <strong>Modern Dashboard<\/strong>: Beautiful, intuitive admin interface with live preview\n- \ud83c\udf08 <strong>Advanced Customization<\/strong>: Gradient colors, shadows, borders, and effects\n- \ud83d\udcf1 <strong>Responsive Design<\/strong>: Works perfectly on desktop, tablet, and mobile\n- \u26a1 <strong>Performance Optimized<\/strong>: Smooth animations and efficient code\n- \ud83c\udfaf <strong>Per-Post Control<\/strong>: Enable\/disable for individual posts\n- \ud83d\udcca <strong>Reading Time<\/strong>: Display estimated reading time\n- \ud83c\udfaa <strong>Live Preview<\/strong>: See changes in real-time as you adjust settings<\/p>\n\n<h3>Features<\/h3>\n\n<h3>Core Functionality<\/h3>\n\n<ul>\n<li><strong>Reading Progress Tracking<\/strong>: Real-time progress bar that shows how much of the post has been read<\/li>\n<li><strong>Per-Post Control<\/strong>: Enable\/disable progress bar for individual posts<\/li>\n<li><strong>Reading Time Estimation<\/strong>: Display estimated reading time for posts<\/li>\n<li><strong>Responsive Design<\/strong>: Works perfectly on desktop, tablet, and mobile devices<\/li>\n<\/ul>\n\n<h3>Advanced Customization<\/h3>\n\n<ul>\n<li><strong>Color Options<\/strong>: \n\n<ul>\n<li>Solid color picker with WordPress native color picker<\/li>\n<li>Gradient color support with start and end colors<\/li>\n<li>Custom shadow colors and effects<\/li>\n<li>Border color and width customization<\/li>\n<\/ul><\/li>\n<\/ul>\n\n<h3>Visual Effects<\/h3>\n\n<ul>\n<li><strong>Position Control<\/strong>: Place progress bar at top or bottom of screen<\/li>\n<li><strong>Size Customization<\/strong>: Adjustable height (1-20px)<\/li>\n<li><strong>Border Radius<\/strong>: Rounded corners (0-50px)<\/li>\n<li><strong>Opacity Control<\/strong>: Adjust transparency (0.1-1.0)<\/li>\n<li><strong>Shadow Effects<\/strong>: Customizable shadow with color and blur options<\/li>\n<li><strong>Border Styling<\/strong>: Optional border with custom color and width<\/li>\n<\/ul>\n\n<h3>User Experience<\/h3>\n\n<ul>\n<li><strong>Smooth Animations<\/strong>: Fluid progress updates with CSS transitions<\/li>\n<li><strong>Performance Optimized<\/strong>: Uses requestAnimationFrame for smooth scrolling<\/li>\n<li><strong>Keyboard Navigation<\/strong>: Space bar and arrow key support<\/li>\n<li><strong>Touch Gestures<\/strong>: Swipe support for mobile devices<\/li>\n<li><strong>Accessibility<\/strong>: High contrast mode and reduced motion support<\/li>\n<\/ul>\n\n<h3>Dashboard Features<\/h3>\n\n<ul>\n<li><strong>Modern Admin Interface<\/strong>: Beautiful, responsive dashboard with tabs<\/li>\n<li><strong>Live Preview<\/strong>: See changes in real-time as you adjust settings<\/li>\n<li><strong>Statistics<\/strong>: View posts with progress bar enabled vs total posts<\/li>\n<li><strong>Organized Settings<\/strong>: Grouped options for easy configuration<\/li>\n<\/ul>\n\n<h3>Configuration<\/h3>\n\n<h3>Basic Settings<\/h3>\n\n<ol>\n<li>Navigate to <strong>Settings &gt; Reading Progress Bar<\/strong><\/li>\n<li>Configure appearance options:\n\n<ul>\n<li><strong>Color<\/strong>: Choose solid color or enable gradient<\/li>\n<li><strong>Height<\/strong>: Set progress bar height (1-20px)<\/li>\n<li><strong>Position<\/strong>: Top or bottom of screen<\/li>\n<li><strong>Border Radius<\/strong>: Add rounded corners<\/li>\n<li><strong>Opacity<\/strong>: Adjust transparency<\/li>\n<\/ul><\/li>\n<\/ol>\n\n<h3>Advanced Effects<\/h3>\n\n<ul>\n<li><strong>Shadow<\/strong>: Enable shadow with custom color and blur<\/li>\n<li><strong>Border<\/strong>: Add border with custom color and width<\/li>\n<li><strong>Gradient<\/strong>: Use gradient colors instead of solid color<\/li>\n<\/ul>\n\n<h3>Display Settings<\/h3>\n\n<ul>\n<li><strong>Show on Posts<\/strong>: Enable\/disable for blog posts<\/li>\n<li><strong>Show on Pages<\/strong>: Enable\/disable for pages<\/li>\n<li><strong>Show Reading Time<\/strong>: Display estimated reading time<\/li>\n<\/ul>\n\n<h3>Per-Post Settings<\/h3>\n\n<ul>\n<li>Edit any post and look for the \"Reading Progress Bar\" meta box<\/li>\n<li>Check\/uncheck to enable\/disable for that specific post<\/li>\n<\/ul>\n\n<h3>Requirements<\/h3>\n\n<ul>\n<li>WordPress 5.6 or higher<\/li>\n<li>PHP 7.3 or higher<\/li>\n<li>jQuery (included with WordPress)<\/li>\n<\/ul>\n\n<h3>License<\/h3>\n\n<p>This plugin is released under the GPL-2.0+ license. You can find a copy of the license in the <code>license.txt<\/code> file or visit <a href=\"http:\/\/www.gnu.org\/licenses\/gpl-2.0.txt\">http:\/\/www.gnu.org\/licenses\/gpl-2.0.txt<\/a> for more information.<\/p>\n\n<h3>Support<\/h3>\n\n<p>For support, feature requests, or bug reports, please visit the <a href=\"https:\/\/ifatwp.wordpress.com\/2023\/10\/17\/blog-reading-progress\/\">plugin page<\/a> or create an issue on GitHub.<\/p>\n\n\n\n<p><strong>Made with \u2764\ufe0f for the WordPress community<\/strong><\/p>\n\n<!--section=installation-->\n<ol>\n<li>Upload the <code>blog-reading-progress-bar<\/code> folder to the <code>\/wp-content\/plugins\/<\/code> directory.<\/li>\n<li>Activate the plugin through the 'Plugins' screen in WordPress.<\/li>\n<li>Go to Settings &gt; Reading Progress Bar to configure options.<\/li>\n<\/ol>\n\n<!--section=faq-->\n<dl>\n<dt id='how%20can%20i%20customize%20the%20appearance%20of%20the%20progress%20bar%3F'><h3>How can I customize the appearance of the progress bar?<\/h3><\/dt>\n<dd><p>You can customize the progress bar through the modern dashboard interface. Navigate to 'Settings' &gt; 'Reading Progress Bar' and use the tabbed interface to configure colors, effects, position, and more. The live preview shows changes instantly.<\/p><\/dd>\n<dt id='can%20i%20enable%20the%20progress%20bar%20on%20specific%20posts%20only%3F'><h3>Can I enable the progress bar on specific posts only?<\/h3><\/dt>\n<dd><p>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.<\/p><\/dd>\n<dt id='what%20new%20features%20are%20available%20in%20version%202.0.0%3F'><h3>What new features are available in version 2.0.0?<\/h3><\/dt>\n<dd><p>Version 2.0.0 includes a complete redesign with:\n- Modern tabbed dashboard interface\n- Live preview functionality\n- Gradient color support\n- Shadow and border effects\n- Reading time display\n- Enhanced performance optimizations\n- Better mobile responsiveness\n- Improved accessibility features<\/p><\/dd>\n<dt id='is%20the%20plugin%20mobile-friendly%3F'><h3>Is the plugin mobile-friendly?<\/h3><\/dt>\n<dd><p>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.<\/p><\/dd>\n<dt id='can%20i%20use%20gradient%20colors%3F'><h3>Can I use gradient colors?<\/h3><\/dt>\n<dd><p>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.<\/p><\/dd>\n\n<\/dl>\n\n<!--section=changelog-->\n<h4>2.0.0 - Major Update<\/h4>\n\n<p><strong>New Features:<\/strong>\n- \u2728 Modern admin dashboard with tabbed interface\n- \u2728 Live preview functionality\n- \u2728 Gradient color support with start\/end colors\n- \u2728 Shadow effects with customizable color and blur\n- \u2728 Border effects with customizable color and width\n- \u2728 Position options (top\/bottom)\n- \u2728 Opacity and border radius controls\n- \u2728 Reading time display\n- \u2728 Enhanced JavaScript with performance optimizations\n- \u2728 Touch gesture support for mobile\n- \u2728 Keyboard navigation support\n- \u2728 Accessibility improvements\n- \u2728 Statistics dashboard\n- \u2728 Improved UI\/UX design<\/p>\n\n<p><strong>Improvements:<\/strong>\n- \ud83c\udfa8 Complete redesign of admin interface\n- \ud83d\ude80 Better performance and responsiveness\n- \ud83d\udcf1 Enhanced mobile experience\n- \u267f Better accessibility support\n- \ud83c\udfaf More intuitive user experience<\/p>\n\n<h4>1.0.7 - Feb 12, 2025<\/h4>\n\n<p><strong>Added:<\/strong> Tested up to WordPress 6.7.2<\/p>\n\n<h4>1.0.0<\/h4>\n\n<ul>\n<li>Initial release with basic progress bar functionality.<\/li>\n<\/ul>","raw_excerpt":"A modern WordPress plugin that adds a customizable reading progress bar to your blog posts with advanced styling options.","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/twd.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin\/183376","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/twd.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin"}],"about":[{"href":"https:\/\/twd.wordpress.org\/plugins\/wp-json\/wp\/v2\/types\/plugin"}],"replies":[{"embeddable":true,"href":"https:\/\/twd.wordpress.org\/plugins\/wp-json\/wp\/v2\/comments?post=183376"}],"author":[{"embeddable":true,"href":"https:\/\/twd.wordpress.org\/plugins\/wp-json\/wporg\/v1\/users\/ifatwp"}],"wp:attachment":[{"href":"https:\/\/twd.wordpress.org\/plugins\/wp-json\/wp\/v2\/media?parent=183376"}],"wp:term":[{"taxonomy":"plugin_section","embeddable":true,"href":"https:\/\/twd.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_section?post=183376"},{"taxonomy":"plugin_tags","embeddable":true,"href":"https:\/\/twd.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_tags?post=183376"},{"taxonomy":"plugin_category","embeddable":true,"href":"https:\/\/twd.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_category?post=183376"},{"taxonomy":"plugin_contributors","embeddable":true,"href":"https:\/\/twd.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_contributors?post=183376"},{"taxonomy":"plugin_business_model","embeddable":true,"href":"https:\/\/twd.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_business_model?post=183376"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}