dd {
/*position: relative; /* IE is dumb */
display: block;
float: left;
width: 500px;
height: 16px;
margin: 0 0 2px;
background: url("white3.gif");
}
dd div.blue {
/*position: relative; */
background: url("blue.gif");
height: 16px;
width: 75%;
text-align:right;
display:block;
}
HTML:
<dd>
<div class="blue" style="width:35%;">
</dd>
这将创建一个白色的进度条并用蓝色填充35%。
现在我想要用两个不同的值来填充相同的进度条。例如,如果A值为30%,B值为40%,则进度条的70%将被填充,但可以通过颜色的差异看到每个值的百分比。无论A和B的顺序如何,只要我能看出有两个不同的值,并且“看到”每个值占用了多少空间。
有什么建议吗?
谢谢。