What is JotForm?
JotForm is a free online form builder which helps you create online forms without writing a single line of code. No sign-up required.

At JotForm, we want to make sure that you’re getting the online form builder help that you need. Our friendly customer support team is available 24/7.

We believe that if one user has a question, there could be more users who may have the same question. This is why many of our support forum threads are public and available to be searched and viewed. If you’d like help immediately, feel free to search for a similar question, or submit your question or concern.


  • Profile Image

    Progress Bar: How to increase its width to 100% using CSS codes.

    Asked by Swoodruff2002 on June 08, 2015 at 02:42 PM

    I have a progress bar widget on my form. The DIV is set to 98% which make it look left justified.  How can I set it to 100% to cover the whole width of the header?

    http://form.jotform.us/form/51539019535154

    and 

    http://form.jotform.us/form/51536792116154

    Thanks,

     

    Steve

     

     

    Page URL:
    http://form.jotform.us/form/51539019535154

    progress bar width css codes inject css codes
  • Profile Image
    JotForm Support

    Answered by Mike_G on June 08, 2015 at 03:04 PM

    Add the CSS codes below to your form using this guide: How-to-Inject-Custom-CSS-Codes

    .progressjs-progress{

    width: 100% !important;

    }

    As for the result: 

    I hope this helps. Let us know if you need any further assistance. Thank you. 

  • Profile Image

    Answered by Swoodruff2002 on June 08, 2015 at 03:11 PM

    Awesome - Thanks!!!