How to make a progress bar with rounded corners in Xamarin Forms using Custom Renderer

Question

I want to display progress bar with rounded corners in Xamarin forms. I was able to do it in iOS using a custom renderer:

Answer 1

How to make a progress bar with rounded corners in Xamarin forms

You could add a Drawable on your android ProgressBar to implement this feature.

Set the style for your ProgressBar , Drawable\bar_color.xml :

Drawable\progress_bar_background.xml :

Drawable\shape_progressbar_progress.xml :

Using it in your CustomProgressBarRenderer :

public class CustomProgressBarRenderer : ProgressBarRenderer
{
    protected override void OnElementChanged(ElementChangedEventArgs e)
    {
        base.OnElementChanged(e);

        if(Control != null)
        {
            var progressBar = Control as Android.Widget.ProgressBar;
            //below is now deprecated
            //var draw = Resources.GetDrawable(Resource.Drawable.bar_color);
            var draw = Context.GetDrawable(Resource.Drawable.bar_color);
            progressBar.ProgressDrawable = draw;
        }
    }
}

Effect :