Include the jquery file reference and CircularLoader.js reference before calling circularloader function.
<script src="http://code.jquery.com/jquery-latest.min.js"></script>
<script src="CircularLoader-v1.3.js"></script>
<div id="divProgress"></div>
<script>
$("#divProgress").circularloader({
/*Once a cirular progress is generated you can call circular loader function again to increase the progress percentage*/
$("#divProgress").circularloader({
</script>
progressPercent: 5
});/*Once a cirular progress is generated you can call circular loader function again to increase the progress percentage*/
$("#divProgress").circularloader({
progressPercent: 35
});The only mandatory parameter for circularloader function is progressPercent. All rest of the parameters are for customization and optional. progressPercent is the percentage of progress out of 100.
All the customization parameters are optional which you could provide if you need to customize circularloader as per your need.
<script src="http://code.jquery.com/jquery-latest.min.js "></script>
<script src="CircularLoader-v1.3.js"></script>
<div id="divProgress"></div>
<script>
$("#divProgress").circularloader({
</script>
backgroundColor: "#ffffff",//background colour of inner circle
fontColor: "#000000",//font color of progress text
fontSize: "40px",//font size of progress text
radius: 70,//radius of circle
progressBarBackground: "#cdcdcd",//background colour of circular progress Bar
progressBarColor: "#aaaaaa",//colour of circular progress bar
progressBarWidth: 25,//progress bar width
progressPercent: 0,//progress percentage out of 100
progressValue:0,//diplay this value instead of percentage
showText: true,//show progress text or not
title: "Any Title",//show header title for the progress bar
});
fontColor: "#000000",//font color of progress text
fontSize: "40px",//font size of progress text
radius: 70,//radius of circle
progressBarBackground: "#cdcdcd",//background colour of circular progress Bar
progressBarColor: "#aaaaaa",//colour of circular progress bar
progressBarWidth: 25,//progress bar width
progressPercent: 0,//progress percentage out of 100
progressValue:0,//diplay this value instead of percentage
showText: true,//show progress text or not
title: "Any Title",//show header title for the progress bar
Browse Plugins
Submitted Plugins
Tutorials
Sponsored Links
