Progress Bar

Generic selectors
Exact matches only
Search in title
Search in content
Post Type Selectors

With our free shipping progress bar, you can give your customers a clear picture of just how close they are to qualifying for free shipping. This not only stops shoppers from leaving, but also encourages them to add more items to their cart and increase their order value – boosting your revenue in the process.

There are two types of progress bars: Linear and Circular

Free shipping bar - linear
Free shipping bar - circular

It displays a progress bar on the cart and checkout pages, as well as in the mini-cart widget showing a value that still needs to be added to the cart to get free shipping.

In the Free Shipping Label Pro you can place progress bar anywhere on the site.

Allow zero shipping cost

Allow zero shipping cost

Shipping costs are typically not a concern. However, when a free shipping class is applied with a price value of 0,00, our system is designed to either display a “Qualified for free shipping” message or hide the shipping progress bar, depending on your preferences. To facilitate this functionality, especially when utilizing third-party shipping plugins like WooCommerce Advanced Free Shipping, it’s important to enable the relevant option. This is because such plugins introduce their own shipping methods at a cost of zero, which directly interacts with our system’s ability to recognize and apply the free shipping criteria.

Still using free version? Try Pro in 7-day Trial or Buy Now

Custom positions


  • Before cart
  • After cart
  • Before button
  • After button
  • Before cart total


  • Before checkout form
  • After checkout form
  • Before order review
  • Before submit button
  • After submit button
  • Before payment
free shipping progress bar positions

Some themes are using fully customized cart and checkout templates and if they are not including default WooCommerce hooks, some of these positions might not work.
In that case, you can implement a shortcode, or contact our support team for advice.


In the PRO version, users have the option to select either a linear or circular progress bar, both of which can be easily customized to match the theme and branding.

Linear Progress Bar

Bar type, Text color, Background color, Box maximal width, and Box alignment are available only in the PRO version.

Circular Progress Bar

The circular progress bar can be styled in multiple ways. Here are a few examples.

Inside circle you can choose to show title, description, icon or leave it empty.

To remove the color and leave it empty, simply clear it. If the text color is left empty, it will inherit the default text color of the theme.


To implement Progress Bar anywhere on the site, simply copy/paste the shortcode.


WordPress Blocks

Blocks are the components for adding content in the new WordPress block editor.
You can find the Progress Bar block under woocommerce category.


Similar to the block implementation, Progress Bar is also available as a widget.
You can add it to the sidebar, header, footer, single product page, etc.