help about jquery-circle-progress

[kottenator]

Here is an example where animationStartValue works fine at the first time. Or have I misunderstood you?

[kottenator]

@coolara - has it solved your problem?

[coolara]

Not yet. The problem still exists

[kottenator]

Do you have this problem with my demo? Could you, please, give me a code example of the problem or to explain it more?

[coolara]

$.rotate({value: 0.8, time: 3, animationStartValue: 0.2});

$.rotate = function (obj) {
    var rotate = $("<div class='bg'></div>"
        + "<div id='circle'>"
        + "</div>");
    $("#rotate").append(rotate);
    $('#circle').circleProgress({
        value: obj.value,
        size: 250,
        fill: {
            gradient: ["#5DC0FF", "#A5D0DC"]
        },
        emptyFill: "rgba(250, 250, 250, .1)",
        startAngle: -Math.PI / 2,
        thickness: 10, 
        lineCap: "round",

        animation: {
            duration: obj.time * 1000
        },
        animationStartValue: obj.animationStartValue
    });
};

[coolara]

second do this funciton ,

first do this function

[kottenator]

According to your code:

• each time you call $.rotate(...) - you insert new <div id="circle"> into <div id="rotate">
• then you do $("#circle").circleProgress(...).
• jQuery finds not the newly inserted <div id="circle"> but the "old" one (the first one)

This is probably not what you want and the reason of your problem.

I don't 100% understand what you're trying to do, so I give you two solutions:

1. If you want to create a circle each time you call $.rotate(...) - solution 1
2. If you want to re-use the same circle and just to restart its animation when you call $.rotate(...) - solution 2

[coolara]

Thank you for solving my problem, It runs correctly