Displaying Progress Bar Values Exceeding 100%

Hello,

I am currently using Retool to display a dashboard that visualizes performance against a target using a progress bar. By default, the progress bar is designed to show values from 0% to 100%, which works as expected. However, I would like to display values exceeding 100% if possible.

I understand that this may not align with the intended functionality, but I wanted to check if there is any way to achieve this.

Thank you for your support!

Best regards,

You can add a text field under the progress bar to display the actual value of the progress, and uncheck the progress bar option "Hide value lable". Even though the value itself is > 100 the component won't show anything above 100 or below 0.

You can also set the progress bar color dynamic for when it's 100% and another color for when it is above it.

Could you please provide an example of how to change the color when the value exceeds 100% in the progress bar?

Something like this should do it. Add the property "Completion Color" then add a condition to set the color.

1 Like