如何使进度条在单击html中的按钮时开始移动？

<button id="startButton">开始</button>
<progress id="progressBar" value="0" max="100"></progress>

var startButton = document.getElementById("startButton");
var progressBar = document.getElementById("progressBar");

startButton.addEventListener("click", moveProgressBar);

function moveProgressBar() {
  var value = 0;
  var interval = setInterval(function() {
    value += 10;
    progressBar.value = value;

    if (value >= 100) {
      clearInterval(interval);
    }
  }, 1000);
}