title: How to create a circular countdown timer using HTML, CSS or JavaScript?
body: <p>Currently, I am working on a quiz game and in that, for each question, I wish to place a countdown timer. I got some plugins, but I  wish if I could create it myself. What I am trying to create looks like the one in the image below.Can you please tell me how I can do it?</p>
  
  <p>Is there a way to assign a border to only up to a specified percentage of the perimeter, so that I could give a border, first in full, and then as each second advances, I can keep decreasing/increasing it so that I would get it in the perfect way.</p>
  
  <p>The timer I wish to create should look somewhat like this (hope you understand how its blue border will increase every second):</p>
  
  <p><img src="https://i.stack.imgur.com/rwLKx.png" alt="enter image description here"></p>