asp.net - 在 asp.net 中显示多个状态消息

Question

我有要求在屏幕上显示多个状态，并且根据应用程序状态我需要为该状态着色。如果状态已完成，则我需要将其涂成绿色，如果它在进行中，我需要将状态涂成蓝色，如果该状态未完成，则它将为灰色。实现这一目标的最佳方法是什么。asp.net 或 Telerik 中是否有任何控件可以实现此目的。任何帮助深表感谢。

Answer 1

只需使用 css

首先编写css类：

.completed
{
background-color: Green;
color:White; /* set height/width of box as you want */
}
.inprocess
{
background-color:Blue;
color: White;
}

.. 很快

在您的 asp.net 页面中放置一个 div 作为

<div id="info" runat="server"> </div>

在代码隐藏中

if(completed) // your condition
{ 
 info.Attributes.Add("class", "completed");
 info.InnerText = "Completed";
}
// so ....

Answer 2

如果您想使用 Telerik，Gauge您可以使用控件指定不同级别的颜色，在您的情况下，级别是完成级别。

<telerik:RadLinearGauge runat="server" ID="RadLinearGauge1" Width="150px" Height="350px">
                    <Pointer Shape="BarIndicator" Value="15">
                         <Track Opacity="0.2" />
                    </Pointer>
                    <Scale Min="-20" Max="50" MajorUnit="10">
                         <Labels Format="{0} degrees" />
                         <Ranges>
                              <telerik:GaugeRange Color="#2a94cb" From="-20" To="5" />
                              <telerik:GaugeRange Color="#8dcb2a " From="5" To="17" />
                              <telerik:GaugeRange Color="#ffc700" From="17" To="27" />
                              <telerik:GaugeRange Color="#ff7a00" From="27" To="35" />
                              <telerik:GaugeRange Color="#c20000" From="35" To="50" />
                         </Ranges>
                    </Scale>
               </telerik:RadLinearGauge>

参考：Telerik RadLinearGauge