I'm using wow.js (http://mynameismatthieu.com/WOW/docs.html)
wow = new WOW(
{
boxClass: 'wow', // default
animateClass: 'animated', // default
offset: 0, // default
mobile: true, // default
live: true // default
}
)
wow.init();
Together with ProgressBar.js (http://kimmobrunfeldt.github.io/progressbar.js)
var circle = new ProgressBar.Circle('#skillitem1', {
color: '#49e2d6',
strokeWidth: 3,
trailWidth: 0,
duration: 1000,
text: {
value: '0'
},
step: function(state, bar) {
bar.setText((bar.value() * 100).toFixed(0));
}
});
However, I'm trying to find a way how the animation of ProgressBar.js will be triggered after wow's fade in effect has been done.
Any tips?
wow
takes a config option ofcallback
. You can set a customcallback
function that would start the animation on theProgressBar.js
progress bar.