Eu tenho esta bar percentage e queria alterar dinamicamente o valor dela só que não estou a conseguir.
Código da Bar
<script>
$('.bar-percentage[data-percentage]').each(function () {
var progress = $(this);
var percentage = Math.ceil($(this).attr('data-percentage'));
$({countNum: 0}).animate({countNum: percentage}, {
duration: 2000,
easing:'linear',
step: function() {
// What todo on every count
var pct = Math.floor(this.countNum) + '%';
progress.text(pct) && progress.siblings().children().css('width',pct);
}
});
});
</script>
<div id="bar-5" class="bar-main-container">
<div class="bar-percentage" data-percentage="51"></div>
<div class="bar-container">
<div class="bar"></div>
</div>
</div>
Código que usei para tentar alterar Dinamicamente
<script>
$('.bar-percentage').attr('data-percentage','60')//irá receber um valor diferente depois de efectuar cálculos
</script>