li進度條寬度和顏色依序顯示的效果。

实际项目中li和里边的数值是动态生成的，需要控制它的宽度和颜色，效果如图：

如果能实现颜色按数值规律变化就好了，目前颜色是固定到数组中的。

实例代码如下：

    
    
    


    

        
• 
              
  56
  
          

        
• 
              
  18
  
          

        
• 
              
  16
  
          

        
• 
              
  13
  
          

        
• 
              
  11
  
          

        
• 
              
  9
  
          

        
• 
              
  9
  
          

        
• 
              
  8
  
          

        
• 
              
  7
  
          

        
• 
              
  7
  
          
      
  
                  var colorValue = 新堆("#ffbbff", "#ffd39b", "#c6e2", "#9f79", "#ffd39b", "#c6e2", "#9f790", "#fff890 "#3addfc","# cd69c9","#00eeee ");
              var tempValue = $("span").eq(0).html();        $("span"). each(function(){
  var hotNumMax = $(this ).html();
                  if(hot *1;
                      y++;
               .css( {"背景顏色":colorValue[y ],"color":colorValue[y]} );
              });