Ask HN: How was the drag timer feature in gestimer created?

I am trying to recreate the drag effect featured in this app, http:&#x2F;&#x2F;maddin.io&#x2F;gestimer&#x2F;<p>There are three options here: - canvas - svg - html<p>I am not good at svg so I left it out. I tried it in canvas and got as far as this, http:&#x2F;&#x2F;codepen.io&#x2F;shash7&#x2F;pen&#x2F;GpMQLG<p>But animating this is a pain. I also don&#x27;t want to use any canvas library as that&#x27;s going to be an overkill.<p>Lastly I tried doing this in pure html. This is the farthest I have reached, http:&#x2F;&#x2F;codepen.io&#x2F;shash7&#x2F;pen&#x2F;QjqXBj<p>But its not accurate. Does anyone know how to create this or any library I can use to create it?