Hiding Progress Bar Widget Subtitle

  • Profile Image
    Nilli
    Asked 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

  • Profile Image
    Jan
    Answered 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
    Nilli
    Answered on December 30, 2014 at 03:42 AM

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

     

  • Profile Image
    Ben
    Answered 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
    Nilli
    Answered on January 07, 2015 at 03:04 AM

    Went perfectly! thanks so much

  • Profile Image
    Ben
    Answered 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