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

    Hiding Progress Bar Widget Subtitle

    Asked by Nilli on December 29, 2014 at 12:25 PM

    2) Is there any way to not show number of questions at all in the progress bar? I would prefer to only show the percentages and if all required are filled it could show 100%.

    Original post of this question

    Page URL:
    http://www.jotform.com/42755880858370

    progress bar progress bar widget progressbar subtitle progress subtitle hide
  • Profile Image
    JotForm Support

    Answered by Jan on December 29, 2014 at 12:27 PM

    Hello,

    It took me a while to find a way to do this but here's the solution that I've found. This will hide or will not show some progress bar elements. There are 3 options you choose from:

    1. Hide the progress completed and progress total elements only.

    #progressCompleted, #progressTotal {display: none;}

     

    2. Make the text transparent for the the others then make the Percentage colored black.

    .progressBarSubtitle {color: transparent;}

    #progressPercentage { color: #000000 !important;}

    #progressCompleted, #progressTotal {display: none;}

     

    3. Totally hide the progress bar subtitle.

    .progressBarSubtitle {display: none;}

     

    Is this solution okay for you? If not, please let us know. Hope this helps. Thank you!

  • Profile Image

    Answered by Nilli on December 30, 2014 at 03:42 AM

    great but where do I edit? how can I edit the code?

     

  • Profile Image

    Answered by Ben on December 30, 2014 at 10:04 AM

    Hi,

    You can add the code given by my colleague Jan above by following the steps found in this guide: Inject Custom CSS Codes.

    Do let us know how it goes.

    Best Regards,
    Ben

  • Profile Image

    Answered by Nilli on January 07, 2015 at 03:04 AM

    Went perfectly! thanks so much

  • Profile Image

    Answered by Ben on January 07, 2015 at 08:14 AM

    Hi,

    You are welcome and I am glad that it worked for you. Do let us know if you have any further questions and we would be happy to assist.

    Best Regards,
    Ben