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

    Can the progress bar widget be placed at the bottom?

    Asked by Crowdsource on May 20, 2015 at 03:40 PM

    I've added the progress bar widget to my form but it shows at the top of the form, not the bottom, can I move that to show at the bottom of the page? Also, is there a progress bar that shows page X of X instead of a % of the progress?

    progress bar Than move top top of the form
  • Profile Image

    Answered by raul on May 20, 2015 at 05:49 PM

    Thank you for contacting us.

    The progress bar widget will be shown always at the top, you can configure it to stick to the top which will make it always visible (even when the form is scrolled down).

    Regarding the page x of x you can achieve this by using a regular HTML field.

    Please check out this demo form: http://form.jotformpro.com/form/51396780282967, is this what you're trying to accomplish? If so, feel free to clone the form to your account to inspect it further.

  • Profile Image
    JotForm Support

    Answered by Aury on May 20, 2015 at 06:29 PM

    @Crowdsource

    In general yes you can inject custom css code in your form to change the placement of progress bar. A sample set of custom css code :

    .progressBarContainer {
      position: absolute;
      margin-top: 350px;
      width: 150px !important;
      margin-left: 200px;
    }

    I have created a demo form, to show you it may works:

    Inside this guide you can find step by step how to inject CSS Codes: http://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes.