title: Using jQuery / HTML5 to animate a circle
body: <p>For a personal project, I'm tyring to make a timer application (for controlling Poker blind schedules). I know there are several solutions already on the market, but for reasons which are too lengthy to go into here, we need a bespoke system. Although the output template of the system will ultimately be definable by the end user, we would like to include a widget which shows a circle that gets animated as the time counts down. Here's an illustration of a working example, showing the yellow circle and what we'd like to achieve (or something similar, anyway):</p>
  
  <p><img src="https://i.stack.imgur.com/1ngk6.jpg" alt="How to animate the circle?"></p>
  
  <p>My question is, how would one code the animation as shown below using either jQuery or raw HTML5 / CSS3 animations? This is for a web application using jQuery, so there are no other library options I can use.</p>
  
  <p>Advanced thanks!</p>