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

  • mbas123
    Asked on May 3, 2015 at 8:34 PM

    Hi

    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.

    How to make the width of the progressbar 100% of the screen Screenshot 20

     

    Thanks,

    Rey Galvez

  • mbas123
    Replied on May 3, 2015 at 9:18 PM

    Hi,

    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;
    }

    How to make the width of the progressbar 100% of the screen Screenshot 20

  • Ashwin JotForm Support
    Replied on May 4, 2015 at 2: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:  http://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes 

    Hope this helps.

    Do get back to us if you have any questions.

    Thank you!