Forum Xamarin.Forms


The Xamarin Forums have officially moved to the new Microsoft Q&A experience. Microsoft Q&A is the home for technical questions and answers at across all products at Microsoft now including Xamarin!

To create new threads and ask questions head over to Microsoft Q&A for .NET and get involved today.

Circular Progress bar along with progress percentage outside the image

SurbhiAroraaSurbhiAroraa Member ✭✭✭

I need to show the circular progress bar outside the close image while uploading the photo similar icon for file upload in whatsapp which shows progress i.e. progress bar. How to implement that. Any suggestions. TIA @JohnMiller @JamesMontemagno


  • ClintStLaurentClintStLaurent USUniversity ✭✭✭✭✭

    Write it using a CustomRenderer
    Feel free to share with the community when you get it done.

  • Amar_BaitAmar_Bait DZMember ✭✭✭✭✭
    edited May 2019

    Literally the 2nd result on Google search for "circular progressbar xamarin forms"

  • shockratesshockrates Member ✭✭
    edited November 2019

    Any clear implementation found ?
    Edit: the solution above with some fixes on the deprecated spots, does the job.

  • 3D_Guy3D_Guy Member

    This answer became simpler in 2020 for anyone that runs across this post. With the integration of: shapes, paths, and brushes you no longer need a custom renderer to pull this off. If you download the example from Microsoft's site you can play around with the demo. The only thing you need is a path/shape and a gradient brush with a minimum of three gradient stops. Bind the offset of the second gradient stop to whatever progress variable you have and you are done.

Sign In or Register to comment.