<?xml version="1.0" encoding="utf-8"?>
<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" 
               minWidth="955" minHeight="600" viewSourceURL="srcview/index.html">
    
  <fx:Style>
    @namespace s "library://ns.adobe.com/flex/spark";
    @namespace mx "library://ns.adobe.com/flex/mx";
    
    s|HSlider#skinnedSlider {
      chromeColor: #BFEFFF;
    }
  </fx:Style>
  
  <s:Group>
    <s:layout>
      <s:VerticalLayout gap="10" paddingLeft="10" paddingTop="5" />
    </s:layout>
    <s:HSlider id="controlHeight" height="20" minimum="10" maximum="40" value="20" />
    
    <s:HSlider id="skinnedSlider"
               height="{controlHeight.value}"
               horizontalCenter="0" 
               verticalCenter="0"
               skinClass="skins.HSliderSkin" />
  </s:Group>
     
</s:Application>