新闻的热度条是如何实现的？

[duskwaitor]

请教各位，如何实现下图的效果，有没现成的标签？最好是Jquery中的标签

[码无边]

通过数值来控制css样式显示比例。

[斯洛文尼亚旅游]

百分比控制下就好了。。

<style>
.hot{width:50px;border:solid 1px #999;height:2px;line-height:2px;overflow:hidden}
.hot .line{background:#ffa134;height:2px;}
</style>
<div class="hot"><div class="line" style="width:90%"></div></div><br />
<div class="hot"><div class="line" style="width:80%"></div></div><br />
<div class="hot"><div class="line" style="width:70%"></div></div><br />
<div class="hot"><div class="line" style="width:60%"></div></div><br />
<div class="hot"><div class="line" style="width:50%"></div></div><br />

[超级菜鸟]

引用 2 楼 showbo 的回复:

百分比控制下就好了。。

<style>
.hot{width:50px;border:solid 1px #999;height:2px;line-height:2px;overflow:hidden}
.hot .line{background:#ffa134;height:2px;}
</style>
<div class="hot"><div class="line" style="width:90%"></div></div><br />
<div class="hot"><div class="line" style="width:80%"></div></div><br />
<div class="hot"><div class="line" style="width:70%"></div></div><br />
<div class="hot"><div class="line" style="width:60%"></div></div><br />
<div class="hot"><div class="line" style="width:50%"></div></div><br />

学习了

[hch126163]

用开发人员工具看看人家的 标签和css ，copy 下来就ok

[孤飞不倦]

progress标签，插件很多的。查一下基本就能找到。