1，参考代码
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<progress id="pro" max="100" value="0"></progress>
<script type="text/javascript">
//方法一：使用setInterval
// var pro = document.getElementById("pro");
// var num = 0;
// var timer = setInterval(function(){
// pro.value = num;
// num++;
// if(num>=100){
// //clearInterval(timer);//取消煮熟可以使进度条重复执行
// num = 0;
// }
// },100);
//方法二：使用setTimerout
var num2 = 0;
function timer(){
pro.value = num2;
num2++;
if(num2>=100){
num2=0;
//return;取消注释可以使进度条重复
}
setTimeout(function(){
timer();
},100);
}
timer();
</script>
</body>
</html>2，结果参考
![[毕设记录]@开题调研：一些产品](https://img-blog.csdnimg.cn/28219ebd1e8a4f1f89a98b3edc694aa2.png)
![[云原生1.] Docker--harbor私有仓库部署与管理](https://img-blog.csdnimg.cn/c86a78afd57f4b29a0da7eef3a53a505.png)
