I. Methods of Use
Using the circular progress bar requires the introduction of the Circledonutchart.js file.
<script type= "Text/javascript" src= "Circledonutchart.js" ></script>
Second, HTML structure
You can use an empty <div> element to create a circular progress bar.
<div id= "example1" ></div>
Third, initialize the plug-in
To make a circular progress bar, you can use the following method to instantiate a Circledonutchart object.
var circle = new Circledonutchart (' Mycharttitle ');
"Mycharttitle" is the ID number of the DIV container in which the SVG graphic will be generated.
Four, configuration parameters
The following drawing parameters can be passed into the draw method.
Circle.draw ({
End:90,
start:0,
MAXVALUE:100,
Titleposition: "Outer-top",
TitleText: "Consumption",
Outercirclecolor: ' #0085c8 ',
Innercirclecolor: ' #909081 '
});
The Keymob mobile advertising platform is a platform for professional application developers and advertisers. Keymob Mobile advertising platform has a strong application of cross-promotion, targeted promotion, self-sales advertising, interchange advertising and control advertising content and price and specificity technology. Bring steady and profitable revenue to the developers.
HTML5 SVG-based flat style round progress bar JavaScript plugin tutorial
