I'm trying to express the progress, the state and delayed days of an activity with this representation.
My representation is a progress bar with a number next to it and below there is an icon that shows the state. The progress bar visually shows the progress of the activity and the number show how many days is delayed from the end date. The state can be "completed" or "reviewing".
I would like to highlight when an activity is delayed from the end date. I mean if this number is greater than zero it would change to some color, like red. What could you suggest for doing this? paint the progress bar in red? the number? the number inside a red circle with white text?
I would also like to highlight when an activity is closed to the end with a color like yellow but also don't want too much color because the users could lose focus on the important.