is it possible to do in gsap 2? I tried but it's not work.
Here is my code:
var controller = new ScrollMagic.Controller();
$(".indicatorScrl").each(function(){
var indicatorIn = new TimelineMax();
indicatorIn
.to('progress', { value: 100, ease: 'none', scrollTrigger: {trigger: "#indiScroll", scrub: 0.3 } })
// Make Magic Scene
var scene = new ScrollMagic.Scene({
triggerElement: this
})
.addIndicators()
.setTween(indicatorIn).addTo(controller)
});
JS I have used
<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/1.20.3/TweenMax.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/ScrollMagic/2.0.5/ScrollMagic.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/ScrollMagic/2.0.5/plugins/debug.addIndicators.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/ScrollMagic/2.0.5/plugins/animation.gsap.min.js"></script>