C＃Ext.net JavaScript HTML：在标签字段中创建一个小的彩色框

Question

我有这个label字段：

<ext:Label runat="server" ID="lblInfo" Text=" " />

我正在Text的{​​{1}}中设置html Command Handler属性，如下所示：

Command Column

我如何用绿色的盒子替换100％，用黄色的盒子替换50％，用红色的盒子替换0％？

Answer 1

1. 用html：<span style="background-color:green;padding-left: 50px;"></span>
替换'100％'

2. 用html：<span style="background-color:yellow;padding-left: 50px;"></span>

替换“ 50％”

3. 用html：<span style="background-color:red;padding-left: 50px;"></span>

替换'0％'

Answer 2

以上答案很完美：

<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