Javascript 进度圈不绕图像旋转

我似乎无法在这三张图片周围找到进度圈。这里是问题的一个小插曲。请帮忙

CSS

JavaScript

var circle = new ProgressBar.Circle('#bar', {
  strokeWidth: 4,
  color: '#000'

});
circle.animate(1);

var circle = new ProgressBar.Circle('#bar2', {
  strokeWidth: 4,
  color: '#000'

});
circle.animate(1);

var circle = new ProgressBar.Circle('#bar3', {
  strokeWidth: 4,
  color: '#000'

});
circle.animate(1);

谢谢，

---

伊恩

你可以这样做：

var circle=newprogressbar.circle（“#bar”{
冲程宽度：4，
颜色：“#000”
});
循环。动画（1）；
var circle=新的ProgressBar.circle（“#bar2”{
冲程宽度：4，
颜色：“#000”
});
循环。动画（1）；
var circle=new ProgressBar.circle（“#bar3”{
冲程宽度：4，
颜色：“#000”
});
循环。动画（1）
.wrapper{
宽度：100px；
高度：100px；
}
.wrapper>#条，
#bar2，
#bar3{
位置：相对位置；
}
.wrapper>#条，
#bar2，
#bar3，
.img{
宽度：100%；
身高：100%；
}
.img{
框大小：边框框；
填充：4%；
边界半径：50%；
}
.包装器svg{
位置：绝对位置；
排名：0；
左：0；
}

谢谢。我在css、html和javascript中修复了它。但是当我打开html文件时，它并没有动画效果。我很确定我的javascript链接正确。我不知道发生了什么。那是一个完全不同的故事。。。您是否检查了控制台中的错误？
var circle = new ProgressBar.Circle('#bar', {
  strokeWidth: 4,
  color: '#000'

});
circle.animate(1);

var circle = new ProgressBar.Circle('#bar2', {
  strokeWidth: 4,
  color: '#000'

});
circle.animate(1);

var circle = new ProgressBar.Circle('#bar3', {
  strokeWidth: 4,
  color: '#000'

});
circle.animate(1);