<Canvas xmlns="http://schemas.microsoft.com/client/2007" 
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" 
        Width="246"
        Height="480"
        Opacity="1"
        >
  <Canvas.Resources>
    <Storyboard x:Name="MoveThumb" >
      <DoubleAnimation x:Name="ThumbAnimation" Storyboard.TargetName="Thumb" Storyboard.TargetProperty="(Canvas.Left)" From="0" To="100" Duration="0:0:0.5" />
    </Storyboard>
    <Storyboard x:Name="MoveUpperThumb" >
      <DoubleAnimation x:Name="UpperThumbAnimation" Storyboard.TargetName="UpperThumb" Storyboard.TargetProperty="(Canvas.Left)" From="0" To="100" Duration="0:0:0.5" />
    </Storyboard>
  </Canvas.Resources>

  <Rectangle x:Name="Border" Stroke="#FF000000" Width="246" Height="18" Canvas.Left="0" StrokeThickness="0" Fill="#00E70F0F"/>
  <Rectangle Stroke="#FFDFDFDF" StrokeThickness="0" x:Name="Track" Width="246" Height="1" Canvas.Left="0" Canvas.Top="9" Opacity="0"/>

		<Rectangle Width="246" Height="40" StrokeThickness="1" RadiusX="1" RadiusY="1" Opacity="0.85" Canvas.Top="0" Stroke="#FF001078" x:Name="Box" Canvas.Left="0">
			<Rectangle.Fill>
				<LinearGradientBrush EndPoint="0.489,-0.25" StartPoint="0.489,1.133">
					<GradientStop Color="#5E0098EE" Offset="0.288"/>
					<GradientStop Color="#2ADCF2FD" Offset="1"/>
					<GradientStop Color="#28CDEDFF" Offset="0"/>
				</LinearGradientBrush>
			</Rectangle.Fill>
		</Rectangle>

  <Rectangle x:Name="Thumb" />
  <Rectangle x:Name="UpperThumb" />

</Canvas>