Javascript 如何将圆形进度条添加到引导转盘？

我正在使用GSAP库进行bootstrap 4转盘定制。当数据目标处于活动状态时，如何使用GSAP tweenmax动画库根据数据间隔将圆形进度条添加到引导转盘中？除了我在这里所做的以外，还有其他的解决办法吗？这是我的密码

TweenMax.to（document.querySelector（'.load'），10{
属性：{'stroke dashoffset'：0}，
ease:Sine.easeInOut，
重复：-1，
yoyo:错
});
.wrapper{
高度：500px；
}
.转盘指示器{
列表样式：无；
}
.转盘指示器李，
.转盘指示器li.active{
宽度：70px！重要；
高度：70px！重要；
背景色：#fff；
位置：相对位置；
利润率：10px；
边界半径：50%；
}
.转盘指示器img{
位置：绝对位置；
宽度：100%；
边界半径：50%；
身高：100%；
排名：0；
左：0；
填充：10px；
}
.carousel指示器li.active.loader{
显示：块；
}
.转盘指示器李.装载机{
显示：无；
}
svg{
位置：绝对位置；
左：50%；
最高：80%；
转换：翻译（-50%，-50%）；
}





你能找到答案吗？我也在找这个。如果我能找到答案，我会告诉你。我还没找到答案。我停止了那个项目的工作，如果有人回答这个问题，它将在未来有所帮助是的，我也还没有找到。这是我从Codepen看到的最接近的答案，我做了一些编辑。这是可以的，但它不是引导的默认旋转木马！。在其他库的帮助下使用引导寻找解决方案：）是。我也在寻找引导转盘。但没有找到确切的一个，甚至没有引导。