У меня есть это поле label:
<ext:Label runat = "server" ID = "lblInfo" Text = " " />
Я устанавливаю свойство Texthtml в Command HandlerCommand Column следующим образом:
<Command Handler = "#{lblInfo}.setText('<i>100%: Perfect, 50%: Average, 0%: poor</i>');
Как я могу заменить 100% прямоугольником зеленого цвета, 50% желтым и 0% красным?



![Безумие обратных вызовов в javascript [JS]](https://i.imgur.com/WsjO6zJb.png)


<span style = "background-color:green;padding-left: 50px;"></span>.Замените "50%" на html: <span style = "background-color:yellow;padding-left: 50px;"></span>.
Замените '0%' на html: <span style = "background-color:red;padding-left: 50px;"></span>
Выше ответ идеален:
<span style = "background-color:green;padding-left: 15px;"></span> Perfect, <span style = "background-color:yellow;padding-left: 15px;"></span> Average, <span style = "background-color:red;padding-left: 15px;"></span> poor
Поместите их в теги
<span/>с соответствующими именами классов и добавьте соответствующий CSS для их стиля.