Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Circular progressbar

I want to create a circular progressbar, like in this image below

Circle Progress Bar

I don't know what the method that creates this progressbar is. And I don't know what assets should be prepared.

like image 544
ihsanhf Avatar asked Mar 05 '13 11:03

ihsanhf


People also ask

What is circular progress?

Circular Progress is used to indicates the progress for determinate and indeterminate processes.

How do you make a circular progress bar in Javascript?

The most important function is context. arc( xCenter , yCenter , radius , startAngle , endAngle ) , which can be used to draw circles or sections of a circle. If you combine it with the context. lineWidth property, you can draw a thicker line, and that's pretty much all we need for a circular progress bar.


1 Answers

Have a look at this sample you will be having nice sample here:

Todd-Davies | ProgressWheel

It will be look like following images.

Sample 1Sample 2Sample 3Sample 4

Hope this will help you.

like image 114
itsrajesh4uguys Avatar answered Sep 24 '22 16:09

itsrajesh4uguys