jquery 进度条插件

第一种情况：

自己编写html，渲染进度条，以easyui为例子

 <script type="text/javascript" src="../static/jquery.progressbar/js/jquery.progressbar.min.js"></script>

 { field: "rate1", title: "文件下发率", width: 200, align: "left",
					  	formatter: function(value){
					  		var v =  value == "" ? "" : value+"%";
					  		var pixels	= 1.2;	//120/100
					  		var cpercentage = value == "" ? 0 : parseInt(value);
					  		var bg = -120 + parseInt(cpercentage * pixels);
					  		//var htmlstr = '<div class="easyui-progressbar" style="width:100px;" value="'+v+'">v</div> ';  
					  		var htmlstr = '<span class="progressBar" id="spaceused1"><img id="spaceused1_percentImage" src="../static/jquery.progressbar/images/progressbar.gif" style="width: 120px; height: 12px; padding: 0px; margin: 0px; background-image: url(../static/jquery.progressbar/images/progressbg_green.gif); background-position: '+bg+'px 50%;"><span id="spaceused1_percentText"> '+v+'</span></span> ';  
					  		return htmlstr;  
					  	}
				  },