Javascript 在Ajax调用上创建多个进度循环

我试图在

Ajax

call上创建进度圈。下面是我关注的ProgressCircle插件-

现在我的要求是在

Ajax

call上创建多个进度循环。比如说，为了监控某个人在特定任务上的活动，进度循环应该是动态的，并且对于一个用户来说可以是每天多次的。实现单个圆的想法很简单，如下所示：

HTML：

 <div class="progress"></div>

 $('.progress').circleProgress({
      max: 100,
      value: 60,
      textFormat: 'vertical',
      height: 600,
      width: 600
 });

我在这里尝试过的，看起来很幼稚，但尝试过这样的东西：

 $.each(values, function (i, value) {
     html += '<a target="_blank" href="/Result/ShowResult?Id=' + value.Id + '&setId=' + value.SetId + '">' + value.Id + '</a>';

     html2 += '<div class="progress val' + value.Id + '"></div>';

     $('.progress').circleProgress({
           max: parseInt(value.allData),
           value: parseInt(value.data),
                  textFormat: 'vertical',
                  height: 600,
                  width: 600
       });
  });

$。每个（值、函数（i、值）{
html+=''；
html2+=''；
$（'.progress'）。循环过程({
max:parseInt（value.allData），
value:parseInt（value.data），
textFormat:'垂直'，
身高：600，
宽度：600
});
});

我的最终输出如下：

 $.each(values, function (i, value) {
     html += '<a target="_blank" href="/Result/ShowResult?Id=' + value.Id + '&setId=' + value.SetId + '">' + value.Id + '</a>';

     html2 += '<div class="progress val' + value.Id + '"></div>';

     $('.progress').circleProgress({
           max: parseInt(value.allData),
           value: parseInt(value.data),
                  textFormat: 'vertical',
                  height: 600,
                  width: 600
       });
  });

---

如果有人已经尝试过这一点，并且能够分享他们实现这一点的最有效的解决方案，我们将不胜感激。谢谢。

看看您是否可以做点什么@Islam Elshobokshy。