CSS部分#myProgress{width:100%;背景色：#ddd;}#myBar{宽度：1%;高度：30px；背景色：绿色；文本-??对齐：居中；/*文本水平??/color:#fff;行高：30px；/*文本垂直*/}#myOperation{margin-top:10px;}#myRun{background-color:green;边界：0；大纲：无；游标：指针；颜色：#fff；填充：10px15px；}#myPersent{浮动：正确；myPersent=document.getElementById("myPersent");functionprogress(){varelement=document.getElementById("myBar");可变宽度=1；;功能框架（）{if(width>=100){/*超过100%清除计时器*/clearInterval(run);}else{宽度++;element.style.width=width+'%';/*更改宽度属性值*/myPersent.innerHTML=width+'%';/*右下部分显示百分比*/element.innerHTML=width+'%';/*进度条显示百分比*/}}}runBtn.onclick=function(){progress();}})();好了，现在所有的代码都写好了！赶紧打开浏览器看看效果吧！在这里，只是给大家提供一个思路，具体实现可以参考一下，每个人可以有不同的方法。请快快发挥你的想象力，把你最想在电脑上实现的功能打出来吧！来自w3cschools的参考