Remove Field Completed Count in Progress Bar

  • Marianne_Bortolin
    Asked on May 6, 2025 at 1:56 PM

    Under widgets, I have added a Progress Bar (not Progress Tracker as that is not an option for me).

    I ONLY want percentage listed and not field counts. How do I remove the field counter, so only the percentage is viewable.

    I have tried many CSS codes provided by Podo but the field 0/39 remains.

    Jotform Thread 26759401 Screenshot
  • Mafe_M JotForm Support
    Replied on May 6, 2025 at 6:04 PM

    Hi Marianne,

    Thank you for reaching out to Jotform Support. Removing the Field Total indication on the Progress Bar widget is easy. Let me walk you through it:

    1. Copy the code below:

    div#progressFieldTotal {
       display : none!important;
    }

     2. In Form Builder, click on the Paint Roller icon on the right side of the page to open Form Designer.

    Remove Field Completed Count  in Progress Bar Image 1 Screenshot 40

    3. In the Form Designer menu, click on the Styles tab, scroll down and paste the code into the Inject CSS Code box.

    Remove Field Completed Count  in Progress Bar Image 2 Screenshot 51

    Here is the result:

    Remove Field Completed Count  in Progress Bar Image 3 Screenshot 62

    Give it a try and let us know how it goes.

Your Answer