Hiding Progress Bar Widget Subtitle

  • 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

  • Jan
    Replied 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;}

    Hiding Progress Bar Widget Subtitle Image 1 Screenshot 30

     

    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;}

    Hiding Progress Bar Widget Subtitle Image 2 Screenshot 41

     

    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!

  • Nilli
    Replied on December 30, 2014 at 3:42 AM

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

     

  • Ben
    Replied 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

  • Nilli
    Replied on January 7, 2015 at 3:04 AM

    Went perfectly! thanks so much

  • Ben
    Replied on January 7, 2015 at 8: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