In a table in a web app, multiple objects of the same type are aggregated. Every object has a condition which is a number between one and five. At first, I thought about using a progress bar-like style where the range would be colored. However, this probably isn't clear to the user when the range includes the one since the user will probably mistake the range for a single value (the highest).
For example, we have a table that stores used shirts. Every shirt has a condition assigned to it. Now we could group these shirts by size and I am trying to indicate that shirts with conditions ranging from medium (3) to high (5) quality are available.
Have a look at the image: Not knowing the interpretation beforehand, one is bound to believe the image shows the value four, not the range from one to four.
What could I do to prevent this?