might an `overflow:hidden` css directive be more useful here? In any case, try hiding the %-sign first, rather than the number. I know, it’s not hard to determine `100 - (percent of other faction)`, but knowing the value is in % is probably even easier.