Closed
Description
https://www.primefaces.org/primevue/showcase/#/progressbar
The color of the text is difficult to read against such a background.
I know that it is possible to change the colors in css, but due to the fact that the text is fixed in the middle and there are 2 different colors (filled and not filled), it is quite difficult to choose the color of the unfilled progress bar and the filled one so that the text reads well alone.
I suggest thinking and either choosing good colors in the standard themes, or doing something with the markup. The second is preferable.
For example:
- You can make a background for the text
- You can fix the progress text to the filled part (see screenshot below)
- Move the progress text outside the bar (to the right or left, or above)
Also a few examples for ideas (See the location of the text about progress)
Activity