'<div style="width:' + value + '%;background:blue;color:fff">' ie一般火狐不能按比例显示颜色块

'<div style="width:' + value + '%;background:blue;color:#fff">' ie正常火狐不能按比例显示颜色块
<th data-options="field:'qnwc',width:80,align:'right',sortable:true, formatter:formatProgress">全年完成</th>

   //操作函数
function formatProgress(value){
     if (value){
     var s = '<div style="width:100%;border:1px solid #ccc">' +
     '<div style="width:' + value + '%;background:blue;color:#fff">'  + '</div>' + value + '%'
     '</div>';
     return s;
     } else {
     return '';
     }
}

谢谢 各位
------解决方案--------------------

            var s = '<div style="width:100%;border:1px solid #ccc">' +
                 '<div style="width:' + value + '%;background:blue;color:#fff;">' + value + '%</div>'
            '</div>';
        

百分比放到颜色块中，要不给div加高度，要不firefox下默认高度为0，当然不会显示
------解决方案--------------------
div高度也得定义下吧。

然后浮动。