代码如下，现在的问题是怎么动态设置类名为progress-bar的div的宽度，设置为value值，我这样写貌似没用。

$(function() {
    $('#list').datagrid({
        url : '${pageContext.request.contextPath}/getDataSum.action',
        rownumbers:true,
        singleSelect:true,
        height:'',
        pagination : true,
        fitColumns :true,
        remoteSort : false,
        sortOrder: 'desc',
        sortName: 'test',
        title : '',
        border:false,
        queryParams: {
            
        },
        columns:[[
                    {field:'region',title:'区域',width:200,align:'center',
                        formatter : function(value,row,index){
                            var rowz = row.region;
                            if(rowz==null){
                                return "苏州大市";
                            }else{
                                return value;
                            }
                        }
                    },
                    {field:'test',title:'年度任务批次',width:200,align:'center'},
                    {field:'y',title:'实时抽检总数',width:200,align:'center',sortable:true},
                    {field:'t',title:'合格率',width:200,align:'center',sortable:true},
                    {field:'i',title:'年度抽检进度',width:200,align:'center',sortable:true,
                        formatter : cell},
        ]]
    });

}); 
function cell(value,row,index){
    return '<div class="progress"><div class="progress-bar" role="progressbar" aria-valuenow="40" aria-valuemin="0" aria-valuemax="100" >'+value+'</div></div>';
    $('.progress-bar').css('width',value);
}