Custom progress bar

Sometimes you might want to display a progress bar to your visitors, maybe in a sales funnel, so they can see how deep they are in the funnel and what is left. You can do this easily with a bit of custom code. You need to add this code to your header includes in your page settings: https://pastebin.com/gYAgW1MW

After adding the custom code, to the includes, you can use a custom code block to actually display your progress bar.

This will display the default progress bar:

You can have multiple variations from the code of your progress bar by adding to the class attribute, all classes must be divided by a space. Available switches are: orange, red, nostripes, animate

You can also set the position of the progress bar by setting the width percentage in your code. For example:

This results in a progress bar like this:

Then this one is a red striped animated progress bar:

If you have any issues implementing it, then please let us know and we can assist you.