How to make the width of the progressbar 100% of the screen.

  • Profile Image
    Asked on May 03, 2015 at 08:34 PM


    I like to know how can I make the progress bar occupy the width of the screen? I think the progressbar width start with the width of the form.



    Rey Galvez

  • Profile Image
    Answered on May 03, 2015 at 09:18 PM


    I manage to make the width occupy the screen size by inserting the css code below but I still have problem, there is still a margin or padding on the right side. How can I remove it. See the yellow mark on below screenshot. Thanks.

    .progressBarContainer {
        left : 0px;

  • Profile Image
    Answered on May 04, 2015 at 02:56 AM

    Hello mbas123,

    Please inject the following custom css code in your form to increase the width of the progress bar:

    .progressjs-progress {

      width: 100% !important;


    The following guide should help you on how to inject the custom css code in form: 

    Hope this helps.

    Do get back to us if you have any questions.

    Thank you!