SimPro - JS Library For Progress Bar
To show any sort of progress of any task in web, has never been easier since the html5 release. But in order to create circular progress bar is kind of boring and time consuming. This is not a problem anymore.
The main features of the SimPro are:
- Fully customizable
- Simple to implement
- Free & Premium version
How To Use
First of all add reference to the SimPro libaray in you html web page
Create a container div inside body tag
Let's create an instance of SimPro with necessary arguments & then set progress of 50.9
var progressBar = new SimPro("progressBarHolder", "progressBarId", 500);
progressBarHolder : the id of the div, that will hold the progress bar.
progressBarId : the value for id of the progress bar, so we can later deal with the progress bar
canvasSize : 500px is the size of the progress bar
For download & complete documentation, visit http://abdulahad.tk/simpro
Hope, in your upcoming projects, you will find use cases for SimPro & hope you will use it.