评论：jQuery SVG圆形进度条插件ProgressCircle  [查看原文]

// progresscircle.js

(function($) {

    $.fn.circlechart = function() {
        this.each(function() {
            var percentage = $(this).data("percentage");
            var inner_text = $(this).text();
            $(this).html(makesvg(percentage, inner_text));
        });
        return this;
    };
    // 添加的代码
    $.fn.setChart = function(val) {
        $(this).find('.circle-chart__circle').attr('stroke-dasharray', val + ',100').next().find('.circle-chart__percent').html(val + '%')
    }

}(jQuery));


// 调用
$('.circlechart').circlechart(); // 初始化
setInterval(() => {
    // 设置圆环
    $('.circlechart').data('percentage', $('.circlechart').data('percentage') + 1)
    // 设置文字百分比
    $('.circlechart').setChart($('.circlechart').data('percentage') + 1);
}, 2000)

if(percentage < 0){
   classes = "danger-stroke circle-chart__circle--negative";
 } else if(percentage > 0 && percentage <= 30){
   classes = "warning-stroke";
 } else{
   classes = "success-stroke";
 }

目前会根据百分比调用对应的颜色样式，可根据需求修改就行了