Progress Bar Block

Progress Bar Block

Showcase success rates, goals, or progress on your WordPress site using sleek, customizable progress bars.

Introducing Progress Bar Block – the WordPress block plugin that makes adding stylish and customizable progress bars to your website easy. Whether you want to showcase your team’s skills, track your project’s progress, or highlight your fundraising goals, Progress bar Block has got you covered.

Key Features

Here are some of the key features of Progress Bar Block included in the plugin:
notion image

Easy-to-use interface

Progress Bar Block is designed to be user-friendly, even for beginners. The plugin integrates seamlessly with the WordPress block editor, so you can easily add a progress bar to your pages and posts. The plugin’s interface is intuitive and easy to navigate, making creating and customizing your progress bar easy.


It displays the progress percentage of a task or process.
notion image
notion image


It allows adjusting the height of the progress bar block.

Animated Fill

It adds an animated fill effect to the progress bar.
notion image
notion image

Show Stripe

It adds a stripe effect to the progress bar.

Show Label & Percentage

When this is toggled, It displays the label and percentage of the progress bar.
notion image
notion image

Label & Percentage Placement

It allows placing the label and percentage on the progress bar’s top, inside, or bottom.

Rounded Corners

It allows adjusting the rounded corner of the progress bar.
notion image
notion image

Font Sizes

It allows changing the font size of the label and percentage text.

Progress Bar Colors

It offers customizable colors for the progress bar, stripe, label, and percentage.
notion image



  • Add: Automatic Release SDK.
  • Fix: Issues with full site editor.


  • New: Initial Release

How it work

Video preview
  1. After purchasing, download the plugin zip file.
  1. Install and activate the plugin like any other plugin from the plugins area in WordPress admin.
  1. To access updates and support, kindly activate your license via the admin settings. The license key should have been sent to you via email.
  1. Navigate to the page or post editor where you want to add a Progress Bar.
  1. Search for ‘Progress Bar’ from the block inserter and click to insert it.
  1. Customize the progress bar by setting the percentage and height.
  1. Choose the animated fill option to add an animated effect to the progress bar.
  1. Enable the “show stripe” and “show label & percentage” options if desired.
  1. Set the label and percentage placement to “top, inside, bottom” as desired.
  1. Customize the progress bar’s rounded corners by adjusting the border-corner value.
  1. Adjust the font size to your liking.
  1. Save your changes and enjoy your stunning new Progress bar!
With Progress Bar Block, you can add visually appealing progress bars to your website in minutes without any coding knowledge required. Try it out today and see how easy it is to create beautiful progress bars in WordPress.

Clean Code

Our plugin is developed with clean and efficient code.


Our plugin is developed with SEO optimization in mind.


Our plugin is developed with performance in mind.


Our plugin is compatible with all devices.

Frequently Asked Questions

Can I use this plugin on multiple websites?

Yes, you can use this plugin on multiple websites.

How do I renew my license, and what happens if it expires?

All our plugins come with a Lifetime usage; you won’t need to renew them yearly.

Is there a trial period or a money-back guarantee for the premium version?

We offer a 7-day money-back guarantee for our plugins. If you are not satisfied with the plugin’s features or performance, you can request a full refund within the specified period, no questions asked. However, we suggest you try it live before purchasing it.

Is this plugin compatible with the latest version of WordPress?

Yes, this plugin is compatible with the latest version of WordPress. It is regularly updated to ensure compatibility with new releases. However, please check the “Minimum Requirements” section for the minimum requirements in the sidebar.

Are there any prerequisites or required plugins for this plugin to work?

Most of our plugins are independent blocks or extensions to other core blocks or 3rd party plugins. Kindly refers to the “Minimum Requirements” section for details in the sidebar.

Does the plugin work with any WordPress theme?

Yes, this plugin is designed to work with most WordPress themes. However, some themes may have specific styling or customization that could affect the plugin’s appearance or functionality. If you encounter issues, please consult the theme’s documentation or contact the theme developer for assistance.

Is the plugin compatible with popular page builders or Gutenberg?

Our plugins are built specifically for the WordPress Gutenberg editor unless mentioned in the plugin description otherwise.

How do I get support for the plugin?

With every product purchase, enjoy 6 months of complimentary support, extendable as needed. For support, kindly use the support form here.

Are there any known conflicts with other plugins?

There are no known conflicts with other major plugins. However, if you experience any issues, please contact the support team for assistance and provide details about the conflicting plugins.