我是JS新手。我如何创建一个进度条，我可以在其中增加或减少计数？

<div id="progress-bar">
  <div id="progress"></div>
</div>
<button onclick="increaseCount()">增加计数</button>
<button onclick="decreaseCount()">减少计数</button>

#progress-bar {
  width: 200px;
  height: 20px;
  border: 1px solid #ccc;
  background-color: #f1f1f1;
}

#progress {
  width: 0%;
  height: 100%;
  background-color: #4caf50;
}

var count = 0;
var progressBar = document.getElementById("progress");

function increaseCount() {
  if (count < 100) {
    count += 10;
    updateProgressBar();
  }
}

function decreaseCount() {
  if (count > 0) {
    count -= 10;
    updateProgressBar();
  }
}

function updateProgressBar() {
  progressBar.style.width = count + "%";
}