更新 ProgressBar.js 个圈子的现有文本

Question

我正在使用 ProgressBar.js 创建一个圆圈，中间有一个百分比。圆圈创建正确，但当我再次 运行 它时，我希望它用新传入的值更新文本（百分比）。

我该怎么做？目前，代码不更新内部文本。

Answer 1

使用circle.animate(value) or circle.set(value):

let circle = null

function refreshCircle(percentage) {
  if (!circle) {
    circle = /* initialize */
  }

  circle.animate(percentage)

  // or without animation:
  circle.set(percentage)
}

demo