如何使用按钮递增或减小进度条中的值

<progress id="progressBar" value="0" max="100"></progress>
<button id="increaseButton">增加</button>
<button id="decreaseButton">减少</button>

const progressBar = document.getElementById("progressBar");
const increaseButton = document.getElementById("increaseButton");
const decreaseButton = document.getElementById("decreaseButton");

increaseButton.addEventListener("click", increaseProgress);
decreaseButton.addEventListener("click", decreaseProgress);

function increaseProgress() {
  if (progressBar.value < progressBar.max) {
    progressBar.value += 10; // 递增进度条的值
  }
}

function decreaseProgress() {
  if (progressBar.value > 0) {
    progressBar.value -= 10; // 递减进度条的值
  }
}

button {
  padding: 5px 10px;
  margin: 5px;
}

progress {
  width: 200px;
  height: 20px;
}