GithubHelp home page GithubHelp logo

Comments (8)

kottenator avatar kottenator commented on May 28, 2024

Hi!

Yes, I've recently implemented value update that you need:

el.circleProgress('value', newValue);

And it handles unfinished animation.

Blue gradient: I'm not 100% sure but try this one:

['#0681c4', '#4ac5f8']

from jquery-circle-progress.

celevra avatar celevra commented on May 28, 2024

Hi,

thanks for the fast answer.
this sounds good, unfortunately it doesn't work as expected the animation starts with the last update.
i'm not sure how i should explain it but you can go to https://socket.lionkeen.net open it in two windows, select an image (best one round about a few megabytes), open the console and see the percentage flow but no animation, only at the end the circle will fill.

regards

celevra

ps. the gradient is exactly what i was searching for

from jquery-circle-progress.

kottenator avatar kottenator commented on May 28, 2024

Now I understand the problem. Currently I'm just pausing the animation on the current state and start new animation from that point. And so on, so if you update value pretty frequently, it will not show smooth dynamics, it will jump to the last value. I have some ideas, but it's not so easy. But I will handle that, no worries ;)

from jquery-circle-progress.

celevra avatar celevra commented on May 28, 2024

sounds promising, i'm curious and here for test! :-)

from jquery-circle-progress.

kottenator avatar kottenator commented on May 28, 2024

There are 2 simple choices:

  • animation.stop(true, false) - what I do now: stop previous animation at its current state, start the next one from that point
  • animation.stop(true, true) - the "ugly" one: stop previous animation on its final state, start the next one from that point

What we need is some compromise... Need to think about it

from jquery-circle-progress.

kottenator avatar kottenator commented on May 28, 2024

Ok, I figured out that it's hard to "tweak" jQuery running animation.
But here is my workaround. Does it work for you?

from jquery-circle-progress.

celevra avatar celevra commented on May 28, 2024

jep it looks smoother, not perfect but absolutely useable, thank you very much for your work!

from jquery-circle-progress.

kottenator avatar kottenator commented on May 28, 2024

I understand that it's not actually the fix... but I will resolve this issue for now :)

from jquery-circle-progress.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.