Came up with a nearly-pure MXML version:
<?xml version="1.0" encoding="utf-8"?>
<mx:HBox xmlns:mx="http://www.adobe.com/2006/mxml";>
<mx:ProgressBar id="pb" mode="manual" label="%3%%"
labelPlacement="center" creationComplete="setData()" width="100%"/>
<mx:Script>
<![CDATA[
public function setData():void {
var percentageComplete:Number =
Number(data.percentageComplete) * 100;
pb.setProgress(percentageComplete, 100);
if (percentageComplete == 0)
{
pb.setStyle("color", 0xda0707);
}
else if (percentageComplete == 100)
{
pb.setStyle("barColor", 0x04ae30);
}
else
{
pb.setStyle("barColor", 0xe17706);
}
}
]]>
</mx:Script>
</mx:HBox>
