I am encountering an issue with my progress bar where the data-percent attribute is not being applied correctly. Each pro-bar has a different data-percent value, but in the browser, the first pro-bar's data-percent value is being applied to all of them.
Below is the code I'm using:
$('.pro-bar').each(function( i, elem ){
var percent = $(elem).attr('data-percent'),
barpercent = Math.round(percent*5.56),
$elem = $(this);
console.log(percent);
$elem.animate({'width':barpercent}, 2000, 'easeInOutExpo');
});