Javascript 倒计时进度条

我试图建立一个干净的倒计时计时器与进度条，我想出了这个代码，我不知道似乎是什么问题。CSS工作得很好，我很确定JavaScript代码有问题

#进度条{
宽度：90%；
利润率：10px自动；
高度：22px；
背景色：#0A5F44；
}
#进步酒吧部{
身高：100%；
文本对齐：右对齐；
填充：0 10px；
行高：22px；/*如果希望文本中间对齐，则与#进度条高度相同*/
宽度：0；
背景色：#CBEA00；
框大小：边框框；
}
/*不考虑*/
html{padding top:30px}a.solink{位置：固定；顶部：0；宽度：100%；文本对齐：居中；背景：#f3f5f6；颜色：#cfd6d9；边框：1px实心#cfd6d9；线宽：30px；文本装饰：无；转换：all.3s；z索引：999}a.solink:：第一个字母{文本转换：大写}a.solink：悬停{颜色：#428bca}
功能进度（timeleft，timetotal，$element）{
var progressBarWidth=timeleft*$element.width（）/timetotal；
$element.find（'div'）.animate（{width:progressBarWidth}，500）.html（Math.floor（timeleft/60）+“：”+timeleft%60）；
如果（时间间隔>0）{
setTimeout（函数（）{
进度（timeleft-1，timetotal$元素）；
}, 1000);
}
};
进度（600,600，$）；
src=”https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js">

您需要重新构造代码。发现的错误很少

1.未捕获的引用错误： 未定义$，因为在标记之间添加了链接，因此应使用src属性添加该链接

2.$element参数未定义，因为脚本是在html之前添加的，在页面加载时调用它时无法获取所需的数据，因此，我已将其移动到页面底部

功能进度（timeleft，timetotal，$element）{
var progressBarWidth=timeleft*$element.width（）/timetotal；
$element.find（'div'）.animate（{width:progressBarWidth}，500）.html（Math.floor（timeleft/60）+“：”+timeleft%60）；
如果（时间间隔>0）{
setTimeout（函数（）{
进度（timeleft-1，timetotal$元素）；
}, 1000);
}
};
进度（600,600，$）
#进度条{
宽度：90%；
利润率：10px自动；
高度：22px；
背景色：#0A5F44；
}
#进步酒吧部{
身高：100%；
文本对齐：右对齐；
填充：0 10px；
行高：22px；/*如果希望文本中间对齐，则与#进度条高度相同*/
宽度：0；
背景色：#CBEA00；
框大小：边框框；
}
/*不考虑*/
html{padding top:30px}a.solink{位置：固定；顶部：0；宽度：100%；文本对齐：居中；背景：#f3f5f6；颜色：#cfd6d9；边框：1px实心#cfd6d9；行高：30px；文本装饰：无；转换：all.3s；z索引：999}a.solink：：第一个字母{文本转换：大写}a.solink：悬停{颜色：#428bca

我已将其更改为可运行的代码段。如果你能帮我，请试试。我不太明白这个错误。@Daniel仅供参考，您可以使用
[ask]
生成链接（另一个是
[tour]
，如果他们没有标记）。不要认为有多少研究链接的捷径。到底是什么，它没有按预期工作？我已经更新了代码片段以包含jquery，如果这就是你所说的“不太理解错误”的意思的话-但是，代码片段按预期工作。问题是从0开始，而不是从100%开始？