如何在进度条已满时显示警报对话框

// 监测进度条状态
function checkProgressBar() {
  var progressBar = document.getElementById("progressBar");
  
  if (progressBar.value === progressBar.max) {
    // 进度条已满，显示警报对话框
    showAlert("进度已满！", "警告");
  }
}

// 显示警报对话框
function showAlert(message, title) {
  // 创建警报对话框元素
  var alertBox = document.createElement("div");
  alertBox.className = "alertBox";
  
  // 添加警报消息
  var messageBox = document.createElement("div");
  messageBox.className = "messageBox";
  messageBox.innerHTML = message;
  alertBox.appendChild(messageBox);
  
  // 添加关闭按钮
  var closeButton = document.createElement("button");
  closeButton.innerHTML = "确定";
  closeButton.onclick = function() {
    // 关闭警报对话框
    document.body.removeChild(alertBox);
  };
  alertBox.appendChild(closeButton);
  
  // 将警报对话框添加到页面中
  document.body.appendChild(alertBox);
}

// 示例进度条
var progressBar = document.getElementById("progressBar");
progressBar.value = 100;

// 监测进度条状态
checkProgressBar();