我想在触发第一个刻度之前设置倒计时进度条的宽度（没有额外的库，只有一个代码文件中的 javascript、html 和 css）我试图更改代码（特别是 html代码）多次并测试了来自不同参考资料和本网站的许多示例，但它不起作用。
你能不能给我一些提示来解决这个问题。您可以将我的示例代码复制到 txt 文件中，然后在浏览器中将其作为 html 简单地运行，您就会看到问题所在。它只是关于第一个刻度之前的条宽，之后一切看起来都符合预期。我知道我必须以某种方式设置宽度（通常在 css 或 div 行中），但不知道如何在这种特殊情况下进行这项工作。
<html>
<body>
<style>
</style>
<script>
ProgressCountdown(10, 'pageBeginCountdown', 'pageBeginCountdownText').then(value => alert(`Time is up!!!!!!!!!`));
function ProgressCountdown(timeleft, bar, text) {
return new Promise((resolve, reject) => {
var countdownTimer = setInterval(() => {
timeleft--;
document.getElementById(bar).value = timeleft;
document.getElementById(bar).style.width = "75%";
document.getElementById(bar).style.height = "40px";
document.getElementById(text).textContent = timeleft;
if (timeleft <= 0) {
clearInterval(countdownTimer);
resolve(true);
}
}, 1000);
});
}
</script>
<div class="row begin-countdown">
<div class="col-md-12 text-center" >
<progress value="10" max="10" id="pageBeginCountdown"></progress>
<p> Time up in <span id="pageBeginCountdownText">10 </span> seconds</p>
</div>
</div>
</body>
</html
慕码人8056858
相关分类