The percent sign in the percent text is not being displayed when the bar's width is shorter than the text.

For example, for a progress bar with 0 percent progress, the percent text shows 0.0 only. If the progress bar's progress is 20% it shows 20.0 only. Setting the overflow property of the progress div to auto, we'll see that the % sign is moved to another line.

Some solutions that I can think of are as follows:

1. Quick hack: Remove space between the number and the percent sign.
2. Overlay the text on top of the bar div. (Then perhaps align it in the middle of the progress bar)