This is a migrated thread and some comments may be shown as answers.

RadProgressBar does not have milestone markers

2 Answers 102 Views
ProgressBar
This is a migrated thread and some comments may be shown as answers.
Pramod
Top achievements
Rank 1
Pramod asked on 08 May 2015, 02:50 AM

 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 Answers, 1 is accepted

Sort by
0
Pramod
Top achievements
Rank 1
answered on 08 May 2015, 02:54 AM

Sorry, forgot the attachments.

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

0
Pavel R. Pavlov
Telerik team
answered on 12 May 2015, 08:34 AM
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.

 
Tags
ProgressBar
Asked by
Pramod
Top achievements
Rank 1
Answers by
Pramod
Top achievements
Rank 1
Pavel R. Pavlov
Telerik team
Share this question
or