第一种情况:
自己编写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;
}
},