macht einen Zähler mit jquery-circle-progress plugin

Question

mit jquery-circle-progress-plugin wie mache ich einen zähler, der bis zu einer bestimmten nummer zählen kann und die nummer sollte aus HTML markup.I habe es aber es kann nicht funktionieren!

<div class="circle" data-value="0.75" data-thickness="04"> 
    <span>6587</span> 
</div> 

<script> 
    $('.circle').circleProgress({ 
     fill: {gradient: ['red', 'orange']}, 
     startAngle: -Math.PI/2, 
     size: 133 
    }).on('circle-animation-progress', function(event, progress) { 
     var x = parseInt($('.circle span').text()); 
     $(this).find('span').html(Math.round(x*progress)); 
    }); 
</script> 

Answer 1

Sie haben außerhalb der Funktion des maximalen Kreises Fortschritt greifen.

temp = parseInt($(".circle span").text()) 
 
$('.circle').circleProgress({ 
 
    fill: {gradient: ['red', 'orange']}, 
 
    startAngle: -Math.PI/2, 
 
    size: 133 
 
    }).on('circle-animation-progress', function(event, progress) { 
 
    $(this).find('span').html(parseInt(progress*temp)); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-circle-progress/1.2.2/circle-progress.min.js"></script> 
 
<div class="circle" data-value="0.75" data-thickness="04"> 
 
    <span>6587</span> 
 
</div>

Answer 2

Wie kann ich es tun für mehrere Kreis wie

<div class="circle1" data-value="0.75" data-thickness="04"> 
    <span>6587</span> 
</div> 
<div class="circle2" data-value="0.50" data-thickness="04"> 
    <span>516</span> 
</div> 
<div class="circle3" data-value="0.25" data-thickness="04"> 
    <span>669</span> 
</div>