Here is a stripped down version of the percent time with some new Javascript that controls the percentage display.
The whole display is now only controlled by the Javascript, which works out the width of the percent bar elements and calculates the animation dependent on the amount of time in seconds you set.
Hopefully my math all works out. In my test I can adjust the width of the “countDownTimer1” element and the javascript calculates correctly.
Duration PercentCounter.hypetemplate.zip (14.4 KB)
Symbols are a little bit harder. Here is my first take on using multiples of the same symbol.
I have had to use class names in this as ids will clash.
This one has two instances of the percent bar which each symbol has been give a symbol id.
The javascript uses the to run individual percent and time settings. I also have to get the correct class for each element. At the moment that done manually by using the index of the classes.