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

Question

<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 '';
     }
}谢谢 各位

Answer 1

            var s = '<div style="width:100%;border:1px solid #ccc">' +
                 '<div style="width:' + value + '%;background:blue;color:#fff;">' + value + '%</div>'
            '</div>';
        百分比放到颜色块中，要不给div加高度，要不firefox下默认高度为0，当然不会显示

Answer 2

div高度也得定义下吧。然后浮动。