Javascript 如何停止正在运行的设置间隔

我已经为我的网页创建了一个进度条。我需要停止它，这是我的脚本的进度栏，我如何才能停止进度栏之前的时间完成

var elem=document.getElementById（“进度条”）；
var宽度=1；
变量id={}；
函数progressBar1（）{
函数框架（）{
如果（宽度>=100）{
清除间隔（id）；
}否则{
宽度++；
elem.style.width=宽度+“%”；
}
}
id=设置间隔（帧，160）；
}

#进度条{
高度：10px；
宽度：0；
背景色：#000；
位置：相对位置；
过渡：线性；
}

开始
停止
重置

您需要的是“clearInterval”功能：

function stopProgressBar() {
  clearInterval(id);
}

这是它的文档：