WPF Slider Control

A Slider has a minimum and a maximum. It has a button that a user can drag back and forth.

XAML Code:

<Window x:Class="SliderControl.Window1"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    Title="Slider Control in WPF" Height="300" Width="300">
    <Grid>
        <Slider HorizontalAlignment="Left"
                        Margin="20,30,0,0"
                        VerticalAlignment="Top"
                        Width="250"
                        ValueChanged="Slider_ValueChanged"/>
        <TextBlock Height="21" Margin="21,82,27,0" Name="txtSliderPosition" VerticalAlignment="Top" />
    </Grid>
</Window>

Here on using slider I am showing slider current value in a TextBlock for this my cade is:

private void Slider_ValueChanged(object sender, RoutedPropertyChangedEventArgs<double> e)
{
        var slider = sender as Slider;
        double value = slider.Value;
        txtSliderPosition.Text = "Value: " + value.ToString("0.0") + "/" + slider.Maximum;
}

Output:

Image 1.

When you use slider...

Image 2.