jQuery的PercentageLoader加载进度显示插件例子

jQuery.PercentageLoader 这个jQuery插件能够产生一种吸引人、更直观醒目的方式显示进度。它采用HTML 5 canvas 生成进度图片，是一个很小的 jQuery 插件，压缩后只有10k，用来显示非常炫的进度条信息。

这个插件的作者，对CSS、JS那是相当熟悉啊，颜色的变化都是代码实现的，用到了最新的HTML5 Canvas画布技术，所以不支持旧版本的浏览器。

使用方法

1、引入插件文件和jQuery库文件

2、编写一个DIV盒子，并且设置一个唯一的ID或者是Class类，方便找到这个盒子容器。

var $topLoader = $("#topLoader").percentageLoader({
    width: 256,
    height: 256,
    controllable : true,
    progress : 0,
    onProgressUpdate : function(val) {
        $topLoader.setValue(Math.round(val * 100.0));
    }
});

这是插件参数，前两个为大小，controllable表示能不能点击，propress表示从0开始，onProgressUpdate,表示执行过程，其实就是setinterval的执行。