新建一个html文档，如图所示

在body里定义一个section标签，如图所示

在section标签里创建p标签，如图所示

在p标签里输入文字，百分比进度

在文字后面输入

progress id=progress max=100span0/span%/progress

如图所示

建立js脚本，在下边输入script，如图所示

在script标签里输入

function click1(){}

如图所示

在{}里输入

var progress = document.getElementById(progress);

progress.getElementsByTagName(span).textContent =0;

for(var i=0;i=100;i++)

updateProgress(i);

如图所示

然后再在script标签里输入

function updateProgress(newValue){}

如图所示

然后在{}里输入

var progress = document.getElementById(progress);

progress.value = newValue;

progress.getElementsByTagName(span).textContent = newValue;

如图所示

最后按f12预览就可以看到进度条了