How to add progress steps or progress bar into my form

  • Profile Image
    Asked on May 18, 2017 at 10:02 PM


    It still does not work.


    In addition: it appears in editor of the form, but not live live.


    thank you very much

  • Profile Image
    Answered on May 18, 2017 at 10:21 PM


    Have you tried our progress bar widget already? This is super easy to use. Just add this to your form, configure its settings and you're good to go.

    You can get the widget here:


    However, if you want to stick with the workaround provided in the other thread, here's an updated version.

    This time, we'll have to use class attribute since ID attribute will be stripped off for security reasons. Use the following:

    <ul class="progressbar">

    <li class="active">First</li>





    Please get the updated CSS code here:

    Inject this CSS codes to your form. Guide:


    If you need further assistance, please let us know.