Want updates & exclusive offers?

Hey there!

Advent Calendar - Day 18

Divi Payment Progress Bar

Divi payment progress bar


Divi Payment Progress Bar

Hey! For Day 18 of the Awesome Advent Calendar I have a Divi Payment Progress Bar for you.

This Divi payment progress bar is made up of two sections consisting of three blurb modules, so you can edit the text easily if you wish. There is some jQuery which will dynamically change colours on the order confirmation page, and also remove the section if the basket is empty. Colours are defined using CSS variables, so simple for you to change HEX codes. Both sections are library layouts, so read the instructions because the import and usage process is a little different to previous advent gifts. Note: Only the bar is included in this layout, not the headers you see in the image.


How do you get it?

As the advent calendar is finished, you can now download all 25 freebies in one handy zip file. Just hit the button below to subscribe and I’ll deliver them to your inbox!


The demo button will add my Journal Theme Kit to your basket and take you to checkout. This is a live demo, so don’t complete checkout (unless of course you want to buy Journal 😉 )

SubscribeView Demo



Michelle x

Pro Pass Membership

Want access to all current and future Divi child themes, theme kits, and Canva kits for one low annual price?

Learn how to create Divi Child Themes that sell

Divi child theme course - Reloaded!
  • Use your existing industry knowledge to define and harness your niche
  • Productise your business with affordable website solutions for clients
  • Add a new revenue stream to your business that pays while you sleep
Find out more
Divi Child Theme Course
Are you

Struggling with Divi?

Struggling with Divi?

Hey! I want to make sure the content I create is helpful to the wider Divi community. If there's something you always find difficult to do when creating Divi sites, or a styling option you wish Divi had, complete the Divi tutorial request form and tell me all about it. I don't guarantee I'll be able to create something that solves the issue, but I'm smarter than your average bear so you never know!

P.S. - This is NOT a support request form and you won't be subcribed to any email lists. If you have an issue with one of our products, you can get help here.

Why? I might have questions, and if I create a solution I'll let you know.

Want a website like ours?

More posts

You might like!

How to replace the Divi search button with an icon

3 ways to use anchor links in Divi

Anchor links are used to navigate to specific content on a page rather than simply between pages themselves, and mastering anchor links in Divi is actually very simple. In this tutorial, I’m going to show you three ways to use anchor links.

You have Successfully Subscribed!