M Asif Rahman

Rupok

WPDeveloper

Rahat Hossain

Md Monir Hossain

<p>Using this <strong>Progress bar</strong> block, you can easily make your website interactive & grab the attention of your audience. You can use this in WordPress block editor and showcase your important statistics, data, achievements with beautiful bars.</p>
<p><strong>Completely Customizable:</strong> You can customize the content, colors, etc to make it just the way you need</p>
<p><strong>Super Light-weight:</strong> No extra resources used and it’s highly optimized for super fast loading & instant Live editing</p>
<p><strong>Dedicated Support:</strong> We’ve an extraordinary support team ready to help you. Ask your questions in the support forum, we’ll get back to you immediately</p>
<h3>🚀 BACKED BY A TRUSTED TEAM</h3>
<p>This Block is brought to you by <a href="https://wpdeveloper.com" rel="nofollow ugc">WPDeveloper</a>, the team behind the most popular elements library <a href="https://wordpress.org/plugins/essential-addons-for-elementor-lite/" rel="ugc">Essential Addons for Elementor</a> (used by almost 1 million+ happy users from 180+ countries).</p>
<h3>👨‍💻 DOCUMENTATION AND SUPPORT</h3>
<ul>
<li>For documentation and tutorials go to our <a href="https://essential-blocks.com/docs/" rel="nofollow ugc">documentation</a></li>
<li>To report issue and contribution visit <a href="https://github.com/EssentialBlocks/progress-bars" rel="nofollow ugc">Github</a>.</li>
<li>If you have any more questions, visit our support on the <a href="https://wordpress.org/support/plugin/progress-bars" rel="ugc">Plugin’s Forum</a>.</li>
<li>For more information about features, FAQs and documentation, check out our website at <a href="https://wpdeveloper.com/" rel="nofollow ugc">WPDeveloper</a>.</li>
</ul>
<h3>🙌 JOIN THE COMMUNITY</h3>
<p>🎦 Subscribe to our <a href="https://www.youtube.com/wpdevelopernet/?sub_confirmation=1" rel="nofollow ugc">Youtube Channel</a> to watch video tutorials on WordPress.</p>
<p>🤝 Join our <a href="https://www.facebook.com/groups/wpdeveloper.net/" rel="nofollow ugc">Facebook Community</a> & get connected with expert web creators like yourself.</p>
<p>🧡 LOVED Progress Bar Block? Rate us on <a href="https://wordpress.org/support/plugin/progress-bars/reviews/#new-post" rel="ugc">WordPress Repository</a></p>
<p>🔥 GET FREEBIES FOR YOUR WORDPRESS SITE</p>
<p>Consider checking out our other WordPress solutions & boost your WordPress website:</p>
<p>🔝 <a href="https://wordpress.org/plugins/essential-addons-for-elementor-lite/" rel="ugc">Essential Addons For Elementor</a>: Most popular Elementor addons with 70+ widgets & ready blocks</p>
<p>☁ <a href="https://wordpress.org/plugins/templately/" rel="ugc">Templately</a>: Free templates library for Elementor & Gutenberg along with the cloud collaboration for WordPress</p>
<p>🔔 <a href="https://wordpress.org/plugins/notificationx/" rel="ugc">NotificationX</a>: Best Social Proof & FOMO Marketing Solution to increase conversion rates</p>
<p>📚 <a href="https://wordpress.org/plugins/betterdocs/" rel="ugc">BetterDocs</a>: Best Documentation & Knowledge Base Plugin for WordPress reduce manual support tickets & improve user experience.</p>
<p>⏰ <a href="https://wordpress.org/plugins/wp-scheduled-posts/" rel="ugc">WP Scheduled Posts</a>: Advanced editorial calendar & complete solution for WordPress Post Scheduling, social sharing, missed scheduled alerts and more.</p>
<p>⭐ <a href="https://wordpress.org/plugins/reviewx/" rel="ugc">ReviewX</a>: WooCommerce Product review plugin that allows users to submit product reviews with multiple criteria, photos, video and more</p>
<p>⚡ <a href="https://wordpress.org/plugins/flexia" rel="ugc">Flexia</a>: Most lightweight, customizable & multi purpose theme for WordPress</p>
<p>Visit <a href="https://wpdeveloper.com/" rel="nofollow ugc">WPDeveloper</a> to learn more about how to do better in WordPress with <a href="https://wpdeveloper.com/blog" rel="nofollow ugc">Help Tutorial, Tips & Tricks</a>.</p>
<h3>1.2.1 – 10/03/2022</h3>
<ul>
<li>Fixed: Error on style tab in the controls panel</li>
<li>Fixed: Minor bug of undefined variable</li>
</ul>
<h4>1.2.0 – 09/02/2022</h4>
<ul>
<li>Fixed: Block Base theme support</li>
<li>Improved: Font Library Updated</li>
<li>Improved: Controls and structure</li>
</ul>
<h4>1.1.1 – 23/08/2021</h4>
<ul>
<li>Improved: Security for asset generation</li>
<li>Fixed: Warning in controls</li>
</ul>
<h4>1.1.0 – 27-07-2021</h4>
<ul>
<li>Added: 7 New Layouts(Line, Line Rainbow, Circle, Circle Fill, Half Circle, Half Circle Fill, Box)</li>
<li>Added: Responsive Controls</li>
<li>Added: Margin Option in Wrapper</li>
<li>Added: Progress Bar Alignment</li>
<li>Added: Advanced and Responsive Typography Option</li>
<li>Added: Scroll Animation On Frontend View</li>
<li>Added: Stripe Animation</li>
<li>Improved: Inspector Panel Design</li>
<li>Improved: Inspector Panel Controllers</li>
</ul>
<h4>1.0.1 – 23-08-2020</h4>
<ul>
<li>Few minor bugfixes</li>
</ul>
<h4>1.0.0 – 29-07-2020</h4>
<ul>
<li>Initial release</li>
</ul>


Progress Bars

Make your website interactive with stunning progress bar block.

renp

<p>A lightweight responsive progress bar which will work with your favourite HTML5 theme.</p>
<p>It works with major browsers, is configurable and only dependency is jQuery which is heavily used by WordPress themes.</p>
<p><strong>Usage</strong></p>
<p>Use the shortcode [rprogress] anywhere while editing your post or page. Below are some examples:</p>
<ul>
<li>[rprogress value=80]  displays a progress bar with value of 80%</li>
<li>[rprogress value=95 text=”Homework nearly completed”]  writes a text as well</li>
<li>[rprogress value=75 color=”#ff0000″] uses red color for the progress bar</li>
<li>[rprogress value=70 color=”#00ff00″ delay=300] uses green color, draws the progress bar faster (default delay is 1000)</li>
</ul>
<p>Below is a complete list of attributes with default values as well:</p>
<ul>
<li>value (default = 100)</li>
<li>color (default = “#4af”)</li>
<li>bgcolor (default = “#cc” )</li>
<li>delay (default = 1000)</li>
<li>border_radius (default = “3px”)</li>
<li>text (default = “”)</li>
<li>text_color (default = “#333”)</li>
</ul>


Responsive Progress Bar

Shortcode for displaying a responsive configurable progress bar.

Progress Bars vs Responsive Progress Bar