Javascript start another animation after fade in

Question

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?

Answer 1

wow takes a config option of callback. You can set a custom callback function that would start the animation on the ProgressBar.js progress bar.