<?xml version="1.0" encoding="utf-8"?>
<!-- http://blog.flexexamples.com/2007/07/23/formatting-multiple-data-tips-in-a-slider/ -->
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
            layout="vertical"
            verticalAlign="middle"
            backgroundColor="white"
            applicationComplete="init();"  viewSourceURL="srcview/index.html">  

    <mx:Script>
        <![CDATA[
            import mx.events.SliderEvent;  

            private var thumbPrefixArray:Array;
            private var thumbIdx:int;  

            /**
             * Initialize thumbPrefixArray with the two prefixes. There
             * needs to be enough items in the thumbPrefix array to
             * match the Slider's thumbCount property.
             */
            private function init():void {
                thumbPrefixArray = ["Minimum:", "Maximum:"];
            }  

            /**
             * Formatter function for the dataTip.
             */
            private function formatDataTip(item:Number):String {
                // Set the data tip prefix based on the currently
                // selected thumb and get the prefix string from the
                // thumbPrefixArray array.
                var prefix:String = thumbPrefixArray[thumbIdx]
                return String(prefix + " $" + item.toFixed(2));
            }  

            /**
             * Set/clear the thumbIdx variable depending on the
             * event that called this function. The thumbIdx variable
             * will be used to control the text that gets displayed in
             * the data tip.
             */
            private function setThumbIdx(evt:SliderEvent):void {
                switch (evt.type) {
                    case SliderEvent.THUMB_PRESS:
                        thumbIdx = evt.thumbIndex;
                        break;
                    case SliderEvent.THUMB_RELEASE:
                        thumbIdx = undefined;
                        break;
                }
            }
        ]]>
    </mx:Script>  

    <mx:HSlider id="slider"
            thumbCount="2"
            values="[10, 90]"
            minimum="0"
            maximum="100"
            liveDragging="true"
            thumbPress="setThumbIdx(event);"
            thumbRelease="setThumbIdx(event);"
            dataTipFormatFunction="formatDataTip" /> 

    <mx:Label id="minimumLabel"
            text="Minimum: ${Number(slider.values[0]).toFixed(2)}" /> 

    <mx:Label id="maximumLabel"
            text="Maximum: ${Number(slider.values[1]).toFixed(2)}" />  

</mx:Application>