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.
<div>
<span style="width: 25%"></span>
</div>
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:
<div>
<span style="width: 33.3%"></span>
</div>
This results in a progress bar like this:
Then this one is a red striped animated progress bar:
<div>
<span style="width: 80%"></span>
</div>
If you have any issues implementing it, then please let us know and we can assist you.