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

Question

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

Answer 1

<div style="border:1px solid green;width:100px"> &nbsp; &nbsp; &nbsp; &nbsp;<div style="background-color:green;width:<%=30%>px;height:2px;font-size:0;line-height:0;"> &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp;</div></div> &nbsp;颜色，宽度，视情况而定。

Answer 2

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