<UserControl x:Class="ControlExplorer.Controls.Gauge.SpeedometerGauge"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    xmlns:c1Gauge="using:C1.Xaml.Gauge"
    mc:Ignorable="d"
    d:DesignHeight="480" d:DesignWidth="480">

    <UserControl.Resources>
        <Storyboard x:Name="AnimateSpeed">
            <DoubleAnimationUsingKeyFrames RepeatBehavior="Forever" BeginTime="00:00:00" Duration="00:00:1" AutoReverse="True" Storyboard.TargetName="myGauge" Storyboard.TargetProperty="(c1Gaugeauge.Value)" EnableDependentAnimation="True">
                <SplineDoubleKeyFrame KeyTime="00:00:01.00" Value="100" KeySpline="0,0,1,0"/>
            </DoubleAnimationUsingKeyFrames>
        </Storyboard>

    </UserControl.Resources>

    <c1Gauge:C1SpeedometerGauge x:Name="myGauge" Margin="20"  Value="80">
        <c1Gauge:C1GaugeRange To="40" Location="0.95" Fill="#088080" Width="0.1" Opacity="0.2" />
        <c1Gauge:C1GaugeRange From="0" To="80" Location="0.9" Fill="#088080" Width="0.05" Opacity="0.4" />
        <c1Gauge:C1GaugeRange From="0" To="100" Location="0.88" Fill="#088080" Width="0.025" Opacity="0.6" />
        <c1Gauge:C1GaugeMark Interval="20" Location="0.95" />
        <c1Gauge:C1GaugeMark Interval="10" Location="0.95"/>
        <c1Gauge:C1GaugeMark Interval="5"  Location="0.95"/>
        <c1Gauge:C1GaugeLabel Interval="20" Alignment="In" AlignmentOffset="40" FontSize="20" />
    </c1Gauge:C1SpeedometerGauge>

</UserControl>
