Javascript jQuery进度动画设置为预定义宽度-多个Div

当一个div已经在html的css中定义了一个宽度时，如何使用animate设置多个div宽度的动画

比如说。如果我在html中有

style=“width:30%；”

，并且我想将该div从0%设置为30%的动画，我该怎么做？在同一类的多个div中这样做

要将未定义宽度的div设置为某个值，我知道我可以这样做：

$（'div'）
我创造了这个可能有助于更好地理解。
提前谢谢。
尽量使用like

HTML

<p>Single</p>
<div class="container">
    <div class="fill" data-width="80%">
        <span><b>Bar One</b></span>    
    </div>
</div>
<hr>
<p>Multiple</p>
<div class="container">
    <div class="fillmult" data-width="90%">
        <span><b>Bar 1</b></span>    
    </div>
</div>
<div class="container">
    <div class="fillmult" data-width="50%">
        <span><b>Bar 2</b></span>    
    </div>
</div>
<div class="container">
    <div class="fillmult" data-width="70%">
        <span><b>Bar 3</b></span>    
    </div>
</div>
<div class="container">
    <div class="fillmult" data-width="20%">
        <span><b>Bar 4</b></span>    
    </div>
</div>

我想我没有抓住要点。我拿起你的小提琴，把JS改成了.fullmult，四个div条都变成了80%。这不是你要找的吗？@TimSPQR不，我想实现的是用不同的%来制作多个div的动画。我从罗汉那里得到了正确的答案。但谢谢你抽出时间，这是我的荣幸。谢谢你的快速回复。我有一个问题，抓取数据（）比抓取宽度（）更容易吗？只是想知道。再次感谢您。如果您在样式中应用宽度，那么您的div将在设置动画之前采用宽度，因此使用数据属性是一个不错的选择。
$('.container > div').each(function(){ // you can use $('.fill, .fillmult').each
    var width=$(this).data('width');
    $(this).animate({ width: width }, 1500);
});