Question

我无法创建圆圈并根据值动画填充效果。

目前我有一个HTML5进度条，它基于分数值

我声明如下：

var bar = document.getElementById('progBar'),

然后在函数中我根据CurrentScore变量相应地设置它：

bar.value = CurrentScore;

我想使用圆圈，而不是使用prgress栏。问题是我尝试使用的每个插件都不允许您动态更改值。它仅在页面加载时设置。我最近的失败尝试是通过使用此插件只会在加载时运行，因此它在我的函数中不起作用。

有人知道如何根据值的变化动态填充圆圈吗？

此插件需要运行onload，不能在函数内部使用。 DEMO FIDDLE

Answer 1

尝试这个http://jsfiddle.net/LstNS/8/

 function setpb(){
   //  alert("in set");

 $('#rotator').rotator({
        starting: $("#startval").val(),
        ending: $("#endval").val(),
        lineWidth: 10
    })
  //   alert("completed");
 }

您可以使用动态值代替文本框。在sencond中使用0增加一次并按ok以测试此

jQuery根据值填充圆圈

1 个答案: