视图列设置样式，带css样式

视图列设置样式，带css样式
1.在视图列设置脚本：


(function(){
var doc =getCurrentDocument();  
var jindu=doc.getItemValueAsString("当前进度");
var str="<div style='display:flex'><div class=\"pro_barline\" style=\"width:60px;margin:auto;\"><div class=\"uncomplete\" style=\"width:"+jindu+"%\"></div></div>";
str += "<div>"+jindu+"%</div></div>"
  return str;
})()

2.样式库导入样式：
.pro_barline .uncomplete {      
           height: 7px;      
           background: #0c86d5;      
           border-radius: 3px;      
       }      
              
              
       .pro_barline {      
           width: 113px;      
           height: 7px;      
           background: #e5e4e1;      
           border: 1px solid #d2d1cc;      
           text-align: left;      
           border-radius: 4px;   
           /*margin: -11px auto!important;*/
       }      
              
              
       .report_barline .pending {      
           height: 20px;      
           background: #0c86d5;      
           border-radius: 5px;      
       }      
              
              
       .report_barline {      
           width: 80%;      
           height: 20px;      
           background: #e5e4e1;      
           border: 1px solid #d2d1cc;      
           text-align: left;      
           border-radius: 5px;      
       }      
              
       td[title="SVNNO:"]{      
        display:none!important;      
       }   
        
             ul li ul li ul{ display:none!important;   }