[progress] min-width of bar is a bit too short

[Grosskopf]

Bug Report

Due to flaw in the css definition of the progress text, 11% can be interpreted as 1% at first glance in cases where the progress bar is slim

Steps to reproduce

1. have a ui progress with a width of ~250px
2. set the progress to 10.5%
3. notice how the first "1" of the rounded "11" is not visible

Expected result

I expected to be able to see the 11 easily

Actual result

I only see the 1% part of the text 11% fully as the text is moved out to the left

Testcase

https://jsfiddle.net/gq045pk7/3/ includes two possible solutions

Screenshot (if possible)

Version

2.9.3

[Grosskopf]

Noticed this, because in our case we were using the font "Open Sans sans-serif" which makes it even less noticeable

https://jsfiddle.net/ep3rwhq1/

[lubber-de]

Fixed by #3069
I decided to use your suggested min-width fix (2nd example) as it is compatible to all variants.