stepValue isn't defined and keeps "running"

Using this handy script on a website, checked the browser error log (firefox & chrome) and see the following:

My code is:

$('.first.circle').circleProgress({
 value: 0.6,
 emptyFill: "#F4F4F4",
 size: 150,
 fill: { color: "#3BB9BC" }
}).on('circle-animation-progress', function (event, progress) {
 $(this).find('strong').text(String(stepValue.toFixed(2)).substr(1));
});

This won’t cause an issue for sites using 1 progress circle but if you have a few then having a script constantly “running” (the bottom number keeps increasing), could that effect the speed of the website?

p.s. using jquery 1.11.1 and 1.12.3 (upgraded incase it was an issue with the older version).

Is there a fix for this, I did try setting stepValue as a variable but it removes the %age count.

[ghost]

If you wanted to use the variable stepValue (that the plugin gives you access to with this event), then you need to pass it in the progress call:

Before: .on('circle-animation-progress', function (event, progress) {}); After: .on('circle-animation-progress', function (event, progress, stepValue) {});

[kottenator]

I’m closing this ticket. Feel free to reopen if you still have problems