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