条形宽度的Javascript百分比计算

我需要计算当前值的百分比，以将其附加到条形宽度：

<div class="bar"><span class="bar-inside" data-value="120"></span></div>
<div class="bar"><span class="bar-inside" data-value="1320"></span></div>
<div class="bar"><span class="bar-inside" data-value="670"></span></div>

我需要找到最大值（在本例中为1320），该值为100%，并根据该值计算其他钢筋宽度的百分比

谢谢大家!

这应该可以做到：（）

---

使用

map

函数，然后使用

Math.max

var values = $.map($("span.bar-inside"), function(el, index) { return parseInt($(el).data('value')); });
var max = Math.max.apply(null, values);

以上将输出预期结果的

1320

var max = 0;
$('.bar').each(function() {
    max = Math.max(max, $('.bar-inside', this).data('value'));
})
.css('width', function() {
    return ($('.bar-inside', this).data('value') * 100 / max) + '%';
});

---

您能为我们创建一个JSFIDLE来帮助我们循环通过您的div，获得最大值吗。。然后计算%应为$（'.bar span'）？以及如何根据最大值将所有值转换为%？简单明了。非常感谢。

var values = $.map($("span.bar-inside"), function(el, index) { return parseInt($(el).data('value')); });
var max = Math.max.apply(null, values);

var max = 0;
$('.bar').each(function() {
    max = Math.max(max, $('.bar-inside', this).data('value'));
})
.css('width', function() {
    return ($('.bar-inside', this).data('value') * 100 / max) + '%';
});