Question

asp.net中Repeater实现如下效果图

整个图是用Repeater实现的效果，现在的问题是线上的绿色图片如何动态的显示在线的百分之几上！图片的数目不确定（动态得到），百分比的数据也是从数据库中动态得到。我现在的做法是在线上放一个Repeater动态读出有关图片的相关信息。但是怎样动态设置图片显示位置的百分比呢？
解释一下这张图的意思：左边为出发地点，右边为目的地，中间的线为虚拟的从出发地到目的地的路，线上的绿色图片为人，绿色图片所在的位置表示该人从出发地到目的地走的百分比（例如人走了一半的路程绿色的图片就显示在线的中间即50%处）当然一条线路上有可能有n多个人绿色图片上的文字代表人的标识。在线上面的图片标示人从出发地到目的地，在线下面的图片标示人从目的地回到出发地。我的意思是除了那个绿色的图片，剩下的东西我都用一个Repeater读出来了。现在就剩下有关那个图片的动态显示问题了。我现在在那条线的上面也用了一个Repeater循环读取该路线上的人该路线上有多少个人就显示多少个图片，关于人标识和所走路程的百分比都已经从数据库中读出来了，现在我就是不知道该怎么让图片动态的按照各自的百分比显示，请各位高手指点。非常感谢！

Answer 1

可以可一个函数来实现，设定二个参数（int 绿色图片中参数字总和, int 绿色图片数量） 计算返回百分比，将返回的数值用于CSS里的width控制。以%为单位

Answer 2

我是这样想的不知道对不对。Repeater使用table的，后台读取百分比。然后根据这个百分比读td的个数。当td读到多少时插入一个图片。

追问

插入的图片可以重叠吗？

Answer 3

所有数据都应该有他的字段的，包括他的百分比，应该也是计算出来的，既然都是动态的，那就计算好了