jquery 圆环进度条radialIndicator的使用及二次开发

最近公司项目有一个需求，在一个页面上动态显示很多小项目的进度，并且每个小项目可以调整进度条的比例。记录备忘：

1、引入css和js：

<link rel="stylesheet" href="css/radialIndicator.css" type="text/css" />
<script src="js/radialIndicator.js" type="text/javascript"></script>

2、div容器：

<div class="prg-cont rad-prg"  name="<s:property value="你的value" />" loadFactor="<s:property value="你的value" />"></div>
3、js进行插件初始化：                                           
   $("div[name='<s:property value="你的value"/>']").radialIndicator({initValue : <s:property value="#你的value" />});

4、动态修改进度条， 也就是重绘进度条，关键点也是二次开发的地方，获取canvas对象，清空画布