GSAP .to speed control

[PixeledCode]

Hi, I have setup this basic progress bar that fills up depending on the maxlength attribute. 

Problem is that the progressbar animation is slow. I'm not sure what I am doing wrong. Any help is appreciated

See the Pen KKNLdeB by PixeledCode (@PixeledCode) on CodePen

[mvaneijgen]

I think the problem is with creating a `.timeline()` you are better of just using `gsap.to()` without the time line, than it will just call it instantly instead of trying to add it to the timeline.

 

`velocity` is as far as I know only something used in combination with Draggable and ScrollTrigger.

 

Also I would not put on an `ease` to make it responde instantly

 

See the Pen GRNajvx?editors=0010 by mvaneijgen (@mvaneijgen) on CodePen

 

Just a semantic question: why are you not using the `<progress>` element , seems like a perfect fit https://developer.mozilla.org/en-US/docs/Web/HTML/Element/progress

[akapowl]

 

Just as a sidenote to what @mvaneijgen said:

 

5 minutes ago, mvaneijgen said:

Also I would not put on an `ease` to make it responde instantly

 

GSAP has an ease of power1.out  set to tweens by default.

If you don't want it to have an ease you should set it to ease: "none".

 

https://greensock.com/docs/v3/Eases