DIV嵌套问题

Question

我是这样理解你的问题的，比如当前进度时30%，则在框中显示30%长度的红色部分代表当前进度。<div id="bigbox" style="border-color: black;height: 10px;width: 600px;border-style: solid;padding:0px;margin: 0px">
    <div id="processBar" style="width: 100%;height: 100%;border-left:solid red 200px;"></div>
</div>当进度发生变化时更改（border-left:solid red 200px） 200这个数值就可以了。

Answer 1

<div id="bigbox" style="border-color: black;height: 10px;width: 600px;border-style: solid;padding:0px;margin: 0px">
    <div id="processBar" style="width: 100%;height: 100%;border-left:solid red 200px;"></div>
</div>

Answer 2

用Javascript编程不行吗?Div里面设置一个背景色为红色的表格,当进度为30%时,让这个表格布满这个div的30%就行了.

Answer 3

写个进度条不难,难的是进度条和百分比同时要求出现.bar{font-size:12px;width:100px;border:1px gray solid;text-align:left;height:16px;padding:1px;}
.bar div{line-height:16px;height:16px;position:relative;background-color:#BBFFBB;}
.bar span{position:absolute;width:100px;text-align:center;}<div class="bar" nowrap>
<div style="???px"/>
<span>百分比/说明文字<span>
</div>IE6,IE7,IE8下都没问题,别的没测过