Cannot get each values from progressbar

[ajinananth]

 

 

I create a bootstrap progress bar group and animate it using data-attribute function, It cannot be animate the data value, What mistake i made please find it....

See the Pen xGKMLr by ajinananth (@ajinananth) on CodePen

[Diaco]

Hi ajinananth 

 

pls try this :

var progressbarcon = $('.progress');

progressbarcon.each(function(index, element) {
  
  var success = $(element).find('.progress-animation-success');
  var warning = $(element).find('.progress-animation-warning');
  var danger = $(element).find('.progress-animation-danger');
  var progressAni = new TimelineMax({paused:true});
  
  progressAni.to(success, 0.5, {width: success.data("success") + "%"})
    .to(warning, 0.5, {width: warning.data("warning") + "%"})
    .to(danger, 0.5, {width: danger.data("danger") + "%"});
  
  element.animation = progressAni;
  this.animation.play();
});