这个功能是怎么实现的（如图）？

Question

这个功能是怎么实现的（如图）？
15.91% （105票） 这个数据好实现。就是图片显示部分是怎么做的？

Answer 1

http://www.51aspx.com/CV/MsVote/

Answer 2

这简单的js可以胜任,但代码也不少!
最简单的可用MsChart图标控件!
下载MsChart for .net3.5 (vs2008)

Answer 3

div 背景橙色  宽度绑定票数

Answer 4

思路一：用.NET的GDI+库的画图函数画出来的。做一个页面，专门负责画图，比如Paint.aspx，并设置其Response.ContentType = "image/jpeg"，要显示的地方用Image控件，并设置其图片地址为paint.aspx即可。思路二：如楼上几位所言用div，设置宽度和背景颜色。但可能外观不够靓思路三：同上，但不是设置背景颜色，而是设置宽度和背景图片。背景图片为一个很窄的、漂亮的小图片，让背景图在x方向进行重复填充，貌似css里有这个功能的。思路四：同上，但不是背景图重复，而是拉伸，貌似css里也有这个功能的。查手册吧

Answer 5

楼上的2，3，4应该可以归结为一类:DIV+CSS，搞定之！

Answer 6

研究成功，代码如下：<div class="loading"><div style="width:0%;"><span></span></div></div><br>
<div class="loading"><div style="width:10.21%;"><span></span></div></div><br>
<div class="loading"><div style="width:50.2%;"><span></span></div></div>
================================
.loading {
BACKGROUND: url(../tp/bgVoteA.gif) no-repeat; FLOAT: left; MARGIN: 0px 5px 0px 15px; WIDTH: 200px; HEIGHT: 13px
}
.loading DIV {
BACKGROUND: url(../tp/bgVoteB.gif) no-repeat left top; FLOAT: left; HEIGHT: 13px
}
.loading DIV SPAN {
DISPLAY: block; BACKGROUND: url(../tp/voteLoading.gif) no-repeat right top; FLOAT: none; HEIGHT: 13px
}