我正在开发一个用于部落网站的CMS。我有一个会员级别的表,可以根据他们获得的经验值来提升会员。我想创建一个进度条,它将显示它们有多远,直到它们被提升到下一个等级。我想要做的是根据自推广以来获得的xp数量填充一个带有绿色的黑条。我有一个等式,可以根据会员的进度找到一个百分比。例如:如果一个成员已经从它的当前等级到下一个等级的67%,那么黑色条的长度的67%将用绿色填充。我希望所有这一切都有道理。你认为最好的方法是什么?
答案 0 :(得分:1)
<div style="background-color:black;overflow:hidden;width:100px;height:30px">
<div style="float:left;background-color:green;width:67%;height:30px">
</div>
</div>
您可以使用宽度为100px(对于两个图像)和高度为30px的背景图像而不是背景颜色
答案 1 :(得分:0)
使用简单的CSS - 此处生成的图像不是您需要的。但即使您需要,也可以为所有可能的排名百分比值生成100个图像,并在脚本中使用它们。