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

在asp.net中显示多个状态消息,asp.net,html,css,telerik,Asp.net,Html,Css,Telerik,我有一个要求,我在屏幕上显示多个状态,并根据应用程序状态,我需要颜色的状态。如果状态已完成,则我需要将其颜色设置为绿色;如果状态正在进行,则我需要将状态设置为蓝色;如果状态未完成,则状态设置为灰色。实现这一目标的最佳方式是什么。asp.net或Telerik中是否有任何控件可以实现此目的。非常感谢您的帮助 如果您想使用Telerik,有一个仪表控件,您可以指定不同级别的颜色,在您的情况下,级别是完成级别 <telerik:RadLinearGauge runat="server" ID="

我有一个要求,我在屏幕上显示多个状态,并根据应用程序状态,我需要颜色的状态。如果状态已完成,则我需要将其颜色设置为绿色;如果状态正在进行,则我需要将状态设置为蓝色;如果状态未完成,则状态设置为灰色。实现这一目标的最佳方式是什么。asp.net或Telerik中是否有任何控件可以实现此目的。非常感谢您的帮助


如果您想使用Telerik,有一个
仪表
控件,您可以指定不同级别的颜色,在您的情况下,级别是完成级别

<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>

参考:

只需使用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>

您的状态框使用什么?我可以使用标签显示状态并实现这一点。但是我想知道是否有更好的方法来实现这一点,或者是否有asp.net或Telerik控件来实现这一点。我只会使用标签,我不确定Telerik,但我怀疑是否有比使用asp.net的标签更有效的方法根据您的标准设置每个标签的CSS。你不需要任何特别的东西,但这并不能解决我的问题。谢谢你提供的信息。
if(completed) // your condition
{ 
 info.Attributes.Add("class", "completed");
 info.InnerText = "Completed";
}
// so ....