比例条怎么实现啊？有图有真相

Question

下图红框中的效果，渴望哪位朋友能提供一些方法

Answer 1

<div style="border:1px solid green;width:100px">
        <div style="background-color:green;width:<%=30%>px;height:2px;font-size:0;line-height:0;">
            &nbsp;
        </div>
</div> 

 

颜色，宽度，视情况而定。

Answer 2

比例条，最简单的方法就是用css控制了。通过百分比，来填充颜色。