jQuery.circleProgressBar.js
Version: 0.0.1 demo
已经有很多强大的环形进度条插件了,比如progressbar.js, Knob等等,但是canvas的毛刺问题导致小的 图形很丑。而支持SVG的插件又不兼容IE8,毕竟IE8还有很大的市场占有。 jQuery.circleProgressBar.js基于Raphael,支持SVG和VML,所以可以在IE8上也有完美的图形。 有了这个插件,就不用催设计师的稿子了.....
Practical progress bars with animated SVG(VML) paths. This plugin is based on Rapael.js and supports all major browsers including IE8+.
Installing options:
$('.percent').percentageLoader({ //percentage value container valElement: 'p', //ring width strokeWidth: 20, //background ring color bgColor: '#d9d9d9', //ring color ringColor: '#d53f3f', //text color textColor: '#9a9a9a', fontSize: '12px', fontWeight: 'normal' });
Example
<div class="percent"> <p>8%</p> </div>
$('.percent').percentageLoader({ strokeWidth: 8, });
Contributing
Thanks
This is my first plugin, so...Thanks a lot for your help!