example from greeper

by SnehalKadwe

HTML

<input type="number" placeholder="enter value" id="min" >
<button onclick="startTimer()">
Start
</button>
<p id="displayMinutes"></p>
<progress value="0" max="10" id="progressBar"></progress>

JavaScript

function startTimer() {
  var timeleft = document.getElementById('min').value;

  var downloadTimer = setInterval(function(){
    if(timeleft <= 0){
      clearInterval(downloadTimer);
    }
	 if (timeleft != -1) {
    	document.getElementById("displayMinutes").innerHTML =  timeleft;
    }
  document.getElementById("progressBar").value = 10 - timeleft;
    timeleft -= 1;
 
  }, 1000);
}