VScrollBar  - AS3 Flex

<?xml version="1.0" encoding="utf-8"?>
<!-- Simple example to demonstrate the Halo VScrollBar 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 = "VScrollBar 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 VScrollBar Control Example"
            width="75%" height="75%"
            horizontalCenter="0" verticalCenter="0">
        <s:VGroup left="10" right="10" top="10" bottom="10">
            <s:Label width="100%" color="blue" 
                    text="Click on the scroll bar to view its properties."/>
            <s:HGroup width="100%" height="100%" gap="20">
                <mx:VScrollBar id="bar" height="100%" 
                        minScrollPosition="0" maxScrollPosition="{panel.width - 20}"
                        lineScrollSize="50" pageScrollSize="100"
                        repeatDelay="1000" repeatInterval="500"
                        scroll="myScroll(event);"/>

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

</s:Application>