Insert symbol in the Value xaml - xaml

Question

<controls:RadialProgressBar Margin="10,0,0,0" x:Name="RadialProgressBarControl"
Value="0"
Minimum="0"
Maximum="180"
Thickness="0"
Outline="#FFD6DCDA"
Foreground="#FF9646E6"
Width="300"
Height="300" FontFamily="Palatino Linotype">
</controls:RadialProgressBar>
<TextBlock Canvas.ZIndex="100" Margin="10,0,0,0" FontFamily="Palatino Linotype" FontSize="55" VerticalAlignment="Center" HorizontalAlignment="Center" Foreground="#FF786DDB" Text="{x:Bind RadialProgressBarControl.Value, Mode=OneWay}">
while (RadialProgressBarControl.Value < 180)
{
RadialProgressBarControl.Value += 1;
RadialProgressBarControl.Thickness += 0.15;
await Task.Delay(5);
}
I have 2 problem
is how can I insert the "%" to the ?
I want my circle "path" change the color while load the value from one to 180

Answer 1

is how can I insert the "%" to the ?
If you want to insert %to your TextBlock, you could create a TextConverter inherit IValueConverter. And use it to format text like the follow.
internal class TextConverter : IValueConverter
{
public object Convert(object value, Type targetType, object parameter, string language)
{
return string.Format("{0} %", value);
}
public object ConvertBack(object value, Type targetType, object parameter, string language)
{
throw new NotImplementedException();
}
}
Usage
<Page.Resources>
<local:TextConverter x:Key="MyConverter" />
</Page.Resources>
<TextBlock Text="{x:Bind RadialProgressBarControl.Value, Mode=OneWay, Converter={StaticResource MyConverter}}"></TextBlock>
I want my circle "path" change the color while load the value from one to 180
You could set the foreground of RadialProgressBarControl in the code behind with SolidColorBrush dynamically.
Color Tem = new Color();
while (RadialProgressBarControl.Value < 180)
{
RadialProgressBarControl.Value += 1;
RadialProgressBarControl.Thickness += 0.15;
Tem.A = 255;
Tem.R += 1;
Tem.B += 1;
Tem.G += 1;
RadialProgressBarControl.Foreground = new SolidColorBrush(Tem);
await Task.Delay(5);
}