<?xml version="1.0" encoding="utf-8"?>
  <!-- Simple example to demonstrate the HScrollBar control. -->
  <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml">
   
       <mx:Script>
          <![CDATA[
      
              import mx.events.ScrollEvent;
      
              // Event handler function to display the scroll location
              // as you move the scroll thumb.
              private function myScroll(event:ScrollEvent):void
              {
                  showPosition.text = "HScrollBar properties summary:" + '\n' +
                      "------------------------------------" + '\n' +
                      "Current scroll position: " + event.currentTarget.scrollPosition  + '\n' +
                      "The maximum scroll position: " + event.currentTarget.maxScrollPosition + '\n' +
                      "The minimum scroll position: " + event.currentTarget.minScrollPosition ;
              }
          ]]>
      </mx:Script> 
    
      <mx:Panel id="panel" title="HScrollBar Control Example" height="75%" width="75%" 
          paddingTop="10" paddingBottom="10" paddingLeft="10" paddingRight="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" />
            
          <mx:TextArea height="100%" width="100%" id="showPosition" color="blue" />
    
      </mx:Panel>  
  </mx:Application>