Hi everybody,
for a personal project I would like to build an oblique progress bar.
So, my first question is: Is there a way to create dynamically and easily a Line object with Tweenmax.js?
For the moment I just resize the width of a rectangle shape like this : http://jsfiddle.net/FracArt/6GJ67/2/
Which actually works! But seems a bit "hacky".
Second question, as you can notice on the jsfiddle file I tried to build an oblique progress bar on the same principle. However, when I rotate the rectangle a gap appears between the initial and final position of the bar.
So do you have an idea of how I can correct that without doing some geometry calculations?
(maybe a transform-origin property on the css?)