Simple way of implementing Progress bar using HTML5

One of the simplest way to implement progress bar using HTML5.
It looks a lot like metro style.

<section>
 <p>Progress: <progress> <span id="p">0</span>% </progress> </p>

 <script>
  var progressBar = document.getElementById('p');
  function updateProgress(newValue) {
        progressBar.textContent = newValue;
  }
</script>
</section>

Progress: 0%