Comments (8)
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.
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.
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.
sounds promising, i'm curious and here for test! :-)
from jquery-circle-progress.
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 pointanimation.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.
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.
jep it looks smoother, not perfect but absolutely useable, thank you very much for your work!
from jquery-circle-progress.
I understand that it's not actually the fix... but I will resolve this issue for now :)
from jquery-circle-progress.
Related Issues (20)
- Adding to Google Web Designer
- Drawing a rectangle
- Unable to import in a vue project
- Add a drop shadow to the circles
- Conflict With Other Libraries (Waypoints) when loading with RequireJs, Loads jquery twice
- Progress Bar is moving faster than percentage HOT 1
- RTL HOT 1
- Arc inside circle
- Load animation on viewport
- NaN
- allow passing custom jQuery into UMD factory
- Text in the middle of the circle HOT 5
- How to stop and start (circleProgress)
- How to Change Color Dynamically on "circle-animation-progress"
- Can it be set as 100% based on Seconds? HOT 1
- startAngle seems HOT 2
- [Solved] Change the class
- Can we make the color change at 100% and above?
- How to add gradient color through html like the way we add color ?? (<div class="circle" data-fill="{ "color": "rgba(0, 0, 0, .3)" }" ></div>) HOT 1
- No onDone function support
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
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.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from jquery-circle-progress.