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

  • Profile Image
    mbas123
    Asked on May 03, 2015 at 08: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.

     

    Thanks,

    Rey Galvez

  • Profile Image
    mbas123
    Answered on May 03, 2015 at 09: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;
    }

  • Profile Image
    ashwin_d
    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:  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!