title: Alternative to barColor property in progress bar + Flex 4
body: <p>I had used a property '<strong>barColor'</strong> in ProgressBar component for showing performance with filling colours. Now I am moving the application to Flex 4. So this property is not available in Flex 4. Can you please any one known about the alternative for the <code>barColor</code> property. Spark is not supporting this property.</p>
  
  <pre><code>&lt;mx:ProgressBar xmlns:fx="http://ns.adobe.com/mxml/2009" 
                      xmlns:s="library://ns.adobe.com/flex/spark" 
                      xmlns:mx="library://ns.adobe.com/flex/mx" 
                      width="100%" x="0" y="0" 
                                height="20"
                                label=""
                                labelPlacement="center"     
                                minimum="0"
                                id="iops"
                                maximum="1000"                                  
                                mode="manual"
                    barSkin="{progressSkin}"&gt;
  </code></pre>
  
  <p>And <strong>ProgressSkin</strong> class:-</p>
  
  <p>
  </p>
  
  <pre><code>&lt;fx:Metadata&gt;
      [HostComponent("progressBarComponent")]
  &lt;/fx:Metadata&gt;
  
  &lt;fx:Script&gt;
      &lt;![CDATA[
          override protected function initializationComplete():void {
              useChromeColor = true;
              super.initializationComplete();
          }
      ]]&gt;
  &lt;/fx:Script&gt;
  
  &lt;s:Rect top="0" right="0" left="0" bottom="0"  id="green" includeInLayout="{hostComponent.color==0x94CF65}"&gt;        
      &lt;s:fill &gt;
          &lt;s:SolidColor color="0x94CF65" /&gt;
      &lt;/s:fill&gt;
  &lt;/s:Rect&gt;
  
  &lt;s:Rect top="0" right="0" left="0" bottom="0"  includeInLayout="{hostComponent.color==0xFFDE53}"&gt;       
      &lt;s:fill&gt;
          &lt;s:SolidColor color="0xFFDE53" /&gt;
      &lt;/s:fill&gt;
  &lt;/s:Rect&gt;
  
  &lt;s:Rect top="0" right="0" left="0" bottom="0" includeInLayout="{hostComponent.color==0xFF9428}"&gt;        
      &lt;s:fill&gt;
          &lt;s:SolidColor color="0xFF9428" /&gt;
      &lt;/s:fill&gt;
  &lt;/s:Rect&gt;
  </code></pre>
  
  <p></p>
  
  <p>I have 3 colors in the skin class. I want to use this color based on the progressBar value. Can you please help on the same, how to display the different color by using same skin in Progressbar.</p>