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

    Is There A Way to Change the Color of the Progress Bar?????

    Asked by dmagic8555 on January 25, 2014 at 11:33 AM

    The color of the progress bar is currently blue and I would like to change it to yellow or orange. Is there any way to adjust the color?

    progress bar and
  • Profile Image

    Answered by krispi on January 25, 2014 at 02:21 PM

    Hello

    Please try to inject the css code:

    .progressbar-control .item-bar.blue {

    background-image: -moz-linear-gradient(center top , #000000, #000000);

    }

    And change the color code to your preferred colors

    If you need more assistance please let us know.

    Thanks

    C.

  • Profile Image

    Answered by dmagic8555 on January 25, 2014 at 02:59 PM

    Thanks. This may be a stupid question but where do I enter the css code?

  • Profile Image
    JotForm Support

    Answered by jonathan on January 25, 2014 at 05:51 PM

    @ dmagic8555 

    Hi, please refer to this guide http://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes

    Thanks!

  • Profile Image

    Answered by dmagic8555 on January 25, 2014 at 07:04 PM

    Works Great!!!!! Thx!

  • Profile Image
    JotForm Support

    Answered by jonathan on January 25, 2014 at 07:11 PM

    We are glad to know of your success. =)

    Contact us again anytime for any assistance you need.

    Thanks!

  • Profile Image
    JotForm Support

    Answered by abajan on January 25, 2014 at 08:22 PM

    @dmagic8555

    We're happy to hear that it's working now but if you were to view the form in Safari and Chrome, the bar would still appear blue. To make this work in all browsers (except IE, unfortunately) additional declarations need to be included in the rule.  You might also wish to remove the thin black border (or rather, make it the same color as the bar). This rule accomplishes both objectives. (See this blog post.) The latest versions of Opera use the Webkit engine but the last background declaration is needed for older versions.

    Incidentally, would you mind explaining the purpose of your form? We don't allow login forms on our system.


    Thanks

  • Profile Image
    JotForm Support

    Answered by abajan on January 25, 2014 at 08:31 PM

    In each declaration, background could be substituted for background-image, as I've done in this form. Also, it might not be necessary to include !important in each declaration but my tests returned inconsistent results in Chrome without it. So, to be on the safe side you'd better include it in all three.