Can the progress bar widget be placed at the bottom?

  • Crowdsource
    Asked on May 20, 2015 at 3: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?

  • raul
    Replied on May 20, 2015 at 5: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.

    Can the progress bar widget be placed at the bottom? Image 1 Screenshot 20

    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.

  • Aurora JotForm Support
    Replied on May 20, 2015 at 6: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:

    Can the progress bar widget be placed at the bottom? Image 1 Screenshot 20

    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.