我已经在这里的jsFiddle上设置了一个示例。目前,jQuery将宽度设置为固定像素宽度。因此,当浏览器宽度减小时,条形图将从屏幕右侧移出。
我的问题是如何让jQuery将宽度设置为百分比?
<div class="bars">
<div class="meter">
<span style="width: 88%"></span>
</div>
<div class="meter">
<span style="width: 62%"></span>
</div>
</div>
$(".meter > span").each(function() {
$(this)
.data("origWidth", $(this).width())
.width(0)
.animate({
width: $(this).data("origWidth")
}, 3600);
});