RadProgressBar does not have milestone markers

3 posts, 0 answers
  1. Pramod
    Pramod avatar
    6 posts
    Member since:
    Mar 2014

    Posted 07 May 2015 Link to this post

     Hi,

     I was wondering if there was any way the ordinary progress bar could display static markers like the below picture:

     

     

    Today it works great but i would not know how to show static markers.
    The reason I ask this is for 508 compliance.

     

  2. Pramod
    Pramod avatar
    6 posts
    Member since:
    Mar 2014

    Posted 07 May 2015 in reply to Pramod Link to this post

    Sorry, forgot the attachments.

    Also I could use the CHUNK feature but that does not have any visual markers either.

  3. UI for WPF is Visual Studio 2017 Ready
  4. Pavel R. Pavlov
    Admin
    Pavel R. Pavlov avatar
    1183 posts

    Posted 12 May 2015 Link to this post

    Hi Pramod,

    There is no built in functionality that fits your scenario.
    However, you can easily achieve your requirement using a Grid panel. For example you can define 4 columns and set the RadProgressBar to stretch over all of them. Furthermore, you can define TextBlocks in each one of the columns displaying the required text. You can start with something similar:

    <Grid Height="40">
        <Grid.ColumnDefinitions>
            <ColumnDefinition Width="25*"/>
            <ColumnDefinition Width="25*"/>
            <ColumnDefinition Width="25*"/>
            <ColumnDefinition Width="25*"/>
        </Grid.ColumnDefinitions>
        <telerik:RadProgressBar Maximum="100"
                                Minimum="0"
                                Grid.ColumnSpan="4"/>
        <TextBlock HorizontalAlignment="Left"
                   VerticalAlignment="Center"
                   Text="0%" />
        <TextBlock HorizontalAlignment="Right"
                   VerticalAlignment="Center"
                   Text="25%" />
        <TextBlock HorizontalAlignment="Right"
                   VerticalAlignment="Center"
                   Grid.Column="1"
                   Text="50%" />
        <TextBlock HorizontalAlignment="Right"
                   VerticalAlignment="Center"
                   Grid.Column="2"
                   Text="75%" />
        <TextBlock HorizontalAlignment="Right"
                   VerticalAlignment="Center"
                   Grid.Column="3"
                   Text="100%" />
    </Grid>
    I hope this information is helpful.

    Regards,
    Pavel R. Pavlov
    Telerik
     

    See What's Next in App Development. Register for TelerikNEXT.

     
Back to Top