asp.net进度条制作

发布网友发布时间：2022-04-27 08:57

共3个回答

热心网友时间：2022-04-27 10:26

主体，应该用CSS控制下样式应该可以了吧。
你把以下分割线中的内容保存成html文档看看。
---------------------------------------------------------------
<html>
<head>
<style>
.projectProgress span
{
width:200px;
font-size:12;
text-align:center;
padding-top:5px;
padding-bottom:5px;
}
.complete{background-color:green;}
.unsubmit{background-color:yellow;}
.uncomplete{background-color:red;}

.progresspercent
{
background-color:lightgray;
width:100px;
border:solid black 1px;
padding-top:1px;
padding-bottom:1px;
font-size:12px;
}
</style>
</head>
<body>

<div class="projectProgress"><span class="complete">project1</span><span class="unsubmit">project2</span><span class="uncomplete">project3</span></div>
<br/>

<div class="progresspercent"><span style="background-color:green;width:35%;">35%</span></div>
</body>
</html>
---------------------------------------------------------------

热心网友时间：2022-04-27 11:44

如果项目的数目明确的话就可以简单的弄几个有颜色的label排一起，然后控制颜色控制显示什么的。如果数目是不明确的旧动态生成下。这是最简单的了吧~~