<mx:Canvas width="100%">
              <mx:ProgressBar
                      id="downloadProgress" 
                      width="100%" height="10" trackHeight="10"
                      label="" mode="manual"
                      minimum="0" maximum="100"/>
              <mx:HSlider
                      id="playbackProgress"
                      trackSkin="@Embed(source='mashup-rmx-10-VideoPlayer-images-inv.png')"
                      change="if (event.clickTarget=='track') { this.myVideoDisplay.playheadTime = event.value; }"
                      thumbPress="if(myVideoDisplay.playing){this.myVideoDisplay.pause();}" 
                      thumbDrag="this.seekTo=this.playbackProgress.value" 
                      thumbRelease="this.myVideoDisplay.playheadTime = this.seekTo; this.myVideoDisplay.play();"
                      liveDragging="true"
                      width="{(this.downloadProgress.value/this.videoFileTotalBytes)*this.downloadProgress.width}"
                      height="10"
                      minimum="0"
                      maximum="{this.myVideoDisplay.totalTime * (this.downloadProgress.value/this.videoFileTotalBytes)}"
                      value="{this.myVideoDisplay.playheadTime}"/>
      </mx:Canvas>