HScrollBar  - AS3 Flex

<?xml version="1.0"?>
<!-- Simple example to demonstrate the Halo HScrollBar control. -->
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
        xmlns:s="library://ns.adobe.com/flex/spark"
        xmlns:mx="library://ns.adobe.com/flex/mx">

     <fx:Script>
        <![CDATA[
            import mx.events.ScrollEvent;

            // Event handler function to display the scroll location
            // as you move the scroll thumb.
            private function myScroll(evt:ScrollEvent):void {
                showPosition.text = "HScrollBar properties summary:" + "\n" +
                        "------------------------------------" + "\n" +
                        "Current scroll position: " + evt.currentTarget.scrollPosition  + "\n" +
                        "The maximum scroll position: " + evt.currentTarget.maxScrollPosition + "\n" +
                        "The minimum scroll position: " + evt.currentTarget.minScrollPosition ;
            }
        ]]>
    </fx:Script>

    <s:Panel id="panel" title="Halo HScrollBar Control Example"
            width="75%" height="75%"
            horizontalCenter="0" verticalCenter="0">
        <mx:VBox left="10" right="10" top="10" bottom="10">
            <mx:Label width="100%" color="blue"
                    text="Click on the scroll bar to view its properties."/>

            <mx:HScrollBar id="bar" width="100%" 
                    minScrollPosition="0" maxScrollPosition="{panel.width - 20}"
                    lineScrollSize="50" pageScrollSize="100" 
                    scroll="myScroll(event);" 
                    repeatDelay="1000" repeatInterval="500" />

            <s:TextArea id="showPosition" color="blue" height="100%" width="100%" />
        </mx:VBox>
    </s:Panel>

</s:Application>