Hello!
I have created a circular progress bar in here:
http://codepen.io/anon/pen/Iyhpb
now, I want it to take an amount in percentages like 10%, 25%, 65% and ... and start from 0 and end in that amount not in 100%.
How should I do that?
Or you could just change your opening if statement in your function . . .
timer = setInterval(function () {
if (i > 85) {
Tada! :)
Edit: Or, if you need that percentage to be more user-accessible, you could plug it into the HTML through a data attribute, grab it as a variable, and voila. Like so: http://codepen.io/JoshBlackwood/pen/cqDib
Hello! I have created a circular progress bar in here: http://codepen.io/anon/pen/Iyhpb now, I want it to take an amount in percentages like 10%, 25%, 65% and ... and start from 0 and end in that amount not in 100%. How should I do that?
Thank you in advance!
Alireza.M
I think there will be a way to doing this.
please, help me!
http://codepen.io/anon/pen/EjFgJ
Or you could just change your opening
ifstatement in your function . . .Tada! :)
Edit: Or, if you need that percentage to be more user-accessible, you could plug it into the HTML through a data attribute, grab it as a variable, and voila. Like so: http://codepen.io/JoshBlackwood/pen/cqDib
Really thanks dear JoshBlackwood!!!
Finally I achieved what I want.
Now I'm easily using it but if I want to show multiple progresses in a page one of them will work but the others not.
How can I make them working in one page?
Posted in your other thread: http://css-tricks.com/forums/discussion/22328/how-to-increase-or-decrease-increment-speed-in-javascript