<?xml version="1.0" encoding="utf-8"?>
<mx:Application 
    xmlns:mx="http://www.adobe.com/2006/mxml" 
    layout="absolute" 
    xmlns:local="*"
    xmlns="http://www.degrafa.com/2008"
    backgroundColor="#000000"
    backgroundGradientColors="[#000000,#000000]"
    width="500"
    height="500"
     viewSourceURL="srcview/index.html">
    
    <mx:Script>
        <![CDATA[
            private function handleSliderChange():void
            {
                circularIndicator.setProgress( slider.value );
            }
        ]]>
    </mx:Script>
    
    
    <mx:Label
        text="change the slider to see progress"
        top="5"
        horizontalCenter="0"
        color="#FFFFFF"
        />
        
    <local:CirclularIndicator 
        id="circularIndicator"
        verticalCenter="0"
        horizontalCenter="0" 
        /> 
        
    <mx:Label
        horizontalCenter="0"
        verticalCenter="0"
        text="{circularIndicator.currentProgress}"
        color="#FFFFFF"
        />
    
    <mx:HSlider
        id="slider"
        bottom="5"
        horizontalCenter="0"
        minimum="0"
        maximum="359"
        change="handleSliderChange()"
        liveDragging="true"
        />
    
        
</mx:Application>