46 ratings
  • 1
  • 2
  • 3
  • 4
  • 5
5 star 15
4 star 18
3 star 6
2 star 5
1 star 2
Compatible with
  • iOS
  • Android

Radial Progress 1.0.2

Xamarin Inc

A stylish, circular progress view.

RadialProgressView is a stylish, circular progress view for iOS and Android. The circle begins empty, and fills clockwise to indicate progress.

To use RadialProgressView from iOS:

using RadialProgress;
...
public override void ViewDidLoad()
{
    base.ViewDidLoad();

    var progressView = new RadialProgressView {
        Center = new PointF (View.Center.X, View.Center.Y - 100)
    };
    View.AddSubview (progressView);
}

From Android:

using RadialProgress;
...
protected override void OnCreate (Bundle bundle)
{
    base.OnCreate (bundle);

    var progressView = new RadialProgressView (this);
    AddContentView (progressView, new ViewGroup.LayoutParams (200, 200));
}

Set the view's Value property to values between 0 and 1 to update progress percentage:

progressView.Value = 0.5f;

Release Notes

Version 1.0.1.3

  • Fixed bug where setting ProgressColor after the value did not update the UI

Version 1.0.1.2

  • Support for Xamarin.iOS 8.6

Version 1.0.1.1

  • Support for Unified API
  • Support for 64-bit iOS
  • Support for iOS 8
Write a Review

23 reviews

Kim Do

I am having issues installing it by using adding NuGet. Please HELP!!!

Attempting to gather dependency information for package 'Xamarin.RadialProgress.1.0.2' with respect to project 'EVMOBIL', targeting '.NETPortable,Version=v4.5,Profile=Profile111' GET https://api.nuget.org/v3/registration3-gz-semver2/xamarin.radialprogress/index.json OK https://api.nuget.org/v3/registration3-gz-semver2/xamarin.radialprogress/index.json 323ms Total number of results gathered : 13 Gathering dependency information took 325.25 ms Summary of time taken to gather dependencies per source : https://api.nuget.org/v3/index.json - 324.82 ms Attempting to resolve dependencies for package 'Xamarin.RadialProgress.1.0.2' with DependencyBehavior 'Lowest' Resolving dependency information took 0 ms Resolving actions to install package 'Xamarin.RadialProgress.1.0.2' Resolved actions to install package 'Xamarin.RadialProgress.1.0.2' Retrieving package 'Xamarin.RadialProgress 1.0.2' from 'nuget.org'. For adding package 'Xamarin.RadialProgress.1.0.2' to project 'EVMOBIL' that targets 'portable45-net45+win8+wpa81'. Install failed. Rolling back... Package 'Xamarin.RadialProgress.1.0.2' does not exist in project 'EVMOBIL' Package 'Xamarin.RadialProgress.1.0.2' does not exist in folder '/Users/Kim_MBP15/Projects/EVMOBIL/packages' Executing nuget actions took 77.28 ms Could not install package 'Xamarin.RadialProgress 1.0.2'. You are trying to install this package into a project that targets '.NETPortable,Version=v4.5,Profile=Profile111', but the package does not contain any assembly references or content files that are compatible with that framework. For more information, contact the package author.

Posted on: September 19 / Version: 1.0.2
Rabih Baghdadi rates this with
  • 1
  • 2
  • 3
  • 4
  • 5

Great Component 10x developer, but one thing on iOS, i can't see the updated value for percentage unless i use a NSTimer, can't i do it by a simple loop like For (i=0;i<=100;i++)...

Plz any information?

Posted on: July 27 / Version: 1.0.2
Ned Wu rates this with
  • 1
  • 2
  • 3
  • 4
  • 5

I can resize RadialProgressView by using RadialProgressView.Transform = CGAffineTransform.MakeScale(0.5f, 0.5f); on Xamarin.iOS, it works. Thanks for providing this component and the way to resize it XD.

Posted on: July 11 / Version: 1.0.2
sajjad sarkoobi rates this with
  • 1
  • 2
  • 3
  • 4
  • 5

How can I resize it in iOS, I can't get it size by useing CGRect.!!! it's always big or small. !!! :(

Posted on: February 5 / Version: 1.0.1.3
Vikram Chauhan

How to stop the progress bar in between ?

Posted on: February 2 / Version: 1.0.1.3
David Cespedes rates this with
  • 1
  • 2
  • 3
  • 4
  • 5

Still It is really hard to resize it on iOS. I have tried Görken Pamuk solution put i keeps appearing misplaced. Any solution? It's there any way to create it on the Storyboard?

Posted on: January 15 / Version: 1.0.1.3
Alex Rainman

This control should expose properties to change background color.

Posted on: August 3, 2016 / Version: 1.0.1.3
Prajakta Pagar rates this with
  • 1
  • 2
  • 3
  • 4
  • 5

Hi,

I added the component through component store in my app. Its allowing me to build the app, but when I run the app it throws the Exception, Java native interface exception while inflating the layout(which has the radial component in it) in fragment.

Please suggest. prajakta

Posted on: July 5, 2016 / Version: 1.0.1.3
Onur Hazar rates this with
  • 1
  • 2
  • 3
  • 4
  • 5

Good component. Its a bit hard to customize it. Can we change the direction of the progress?

Posted on: March 11, 2016 / Version: 1.0.1.3
sarath sasi rates this with
  • 1
  • 2
  • 3
  • 4
  • 5

any one knows how to change the back ground color of these Radial Progress View (Inner part) ?

Posted on: July 30, 2015 / Version: 1.0.1.3
ranjeet bisht rates this with
  • 1
  • 2
  • 3
  • 4
  • 5

Great control, easy to use

Posted on: June 10, 2015 / Version: 1.0.1.3
Matt Fara rates this with
  • 1
  • 2
  • 3
  • 4
  • 5

How can I implement this or something similar in a Universal Windows App? With cross-platform being the aim here I would expect it to work for Windows too! Great control though!

Posted on: May 14, 2015 / Version: 1.0.1.3
farrukhbari mobios rates this with
  • 1
  • 2
  • 3
  • 4
  • 5

I am new in Xamarin world can anybody give me a sample code for how to use within PCL project with ios

Posted on: April 28, 2015 / Version: 1.0.1.3
David Perotti rates this with
  • 1
  • 2
  • 3
  • 4
  • 5

Great Control, saved me a a lot of time, and it looks great. Thanks to Gorken Pamuk for the quick tip on how to size it...

Posted on: April 21, 2015 / Version: 1.0.1.3
Lyndon Hughey rates this with
  • 1
  • 2
  • 3
  • 4
  • 5

Update: This control is awesome and developer is quick to respond. I'm changing my rating from a 4 to 5. Thanks for making this available.

Posted on: March 19, 2015 / Version: 1.0.1.2
Benjamin Page rates this with
  • 1
  • 2
  • 3
  • 4
  • 5

It's a great control, any chance we can get a new version written for the new Unified API?

Posted on: February 2, 2015 / Version: 1.0.1.2
Kyriakos Andreou rates this with
  • 1
  • 2
  • 3
  • 4
  • 5

Very handy component , easy to use

Posted on: December 21, 2014 / Version: 1.0.1.1
doni moni rates this with
  • 1
  • 2
  • 3
  • 4
  • 5

for those who are looking a way to change the text in the value lable

progressView.LabelHidden = true; UILabel lbl = new UILabel(); lbl.Font = UIFont.SystemFontOfSize(80); lbl.Center = new PointF(105,105); lbl.Bounds = new RectangleF(0,0, 100,100); lbl.TextAlignment = UITextAlignment.Center; lbl.TextColor = lineColor; lbl.Text = "XXX"; progressView.AddSubview(lbl); progressView.BringSubviewToFront(lbl);

Posted on: November 26, 2014 / Version: 1.0.1.1
Raphael MANSUY rates this with
  • 1
  • 2
  • 3
  • 4
  • 5

Nice component

Posted on: May 17, 2014 / Version: 1.0.1
Görken Pamuk rates this with
  • 1
  • 2
  • 3
  • 4
  • 5

Very nice component but it was really hard to resize/scale it in IOS as mentioned. I found a workaround for it:

Added the RadialProgress into an ImageView. Then scaled it :

radialImageView.Transform = CGAffineTransform.MakeScale (0.5f, 0.5f);

Posted on: April 5, 2014 / Version: 1.0.1
Kees Paul rates this with
  • 1
  • 2
  • 3
  • 4
  • 5

Thanks. Just what I was looking for. Elegant and simple, perfect (certainly for a beginner on Android like myself).

Posted on: January 13, 2014 / Version: 1.0.1
Mark Trinder rates this with
  • 1
  • 2
  • 3
  • 4
  • 5

I really like this UI. I am not having any issue with sizing on iOS - works as expected. But agree that it would be great to override the percentage label. For simplicity on your side just let the override value be an integer between 0 - 100 and allow for count down too. I am using an NSTimer to update the Value property and I would like to count down from 5 to 0, for example.

Posted on: March 5, 2013 / Version: 1.0.1
Markus Miertschink rates this with
  • 1
  • 2
  • 3
  • 4
  • 5

Very nice component.

But some limitations: under iOS it seems not to be possible to Change the size. There are three different sizes available, but I can't scale these like I have to. In Android it seems to work. Another Thing is the number presented inside. It is limited to Show the percentage of the value. I can't set the value myself or scaled like I like to. Better would be to set the "MaxValue" property to the Maximum value shown in the textfield and calculate the rircle and number according to the "Value" property which should be scaled 0-1.0f. Or let the user set the value manually through a different property.

Posted on: February 21, 2013 / Version: 1.0.1