The goal of this helper is to use a child timeline on a ‘progress’ element to drive the main timelines animation to a certain percentage of its duration while keeping timeline, click and drag actions functional. Great for dynamic charts.
For the next update to this I am thinking about including an In and Out Point instead of only the simple percentage. You can drive any symbol’s main timeline by
symbolProgress()to symbol load
- creating a rectangle in the symbol and adding the class ‘
- animating it’s
scaleXeither via script, timeline or action
0-100with the ease of your choice in an additional timeline
data-percenton the symbol to determine how much to play of it
- trigger the additional timeline via a symbol, click or drag action (code also works).