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!