iOS Circular Progress Bar

The iOS Circular Progress Bar is a great tool to present percentage based information in an elegant and simple way. The default appearance conforms to the beautiful flat design and the center space can be personalized with custom views.

Demo video: https://www.youtube.com/watch?v=LRqptLlqtnM

More info at: http://myappcontrols.binpress.com/product/ios-circular-progress-bar/2016

Installation

Add all files from the src folder to your project Import as usual: #import "MCPercentageDoughnutView.h" Add QuartzCore.framework to your project

Setup

MCPercentageDoughnutView can be added to your view either from the Interface Builder or through code.

Interface Builder (Xcode 5):

• Open the Storyboard or Xib file you want to add the pie chart to.
• Drag a new UIView from the Object Library into your view controller.
• Resize and position your new UIView as you wish (the pie chart will be drawn on the center of the new UIView).
• Make sure the new UIView is selected and choose the Identity Inspector tab on Xcode's the Utilities view (on the right).
• Change the class from UIView to MCPercentageDoughnutView.
• On the view controller's header file create an IBOutlet property of the type MCPercentageDoughnutView and link it to the object you created on the Interface Builder.

Through Code:

CGRect frame = CGRectMake(x, y, width, height);
MCPercentageDoughnutView *percentageDoughnut = [[MCPercentageDoughnutView alloc] initWithFrame:frame];
[self.view addSubview:percentageDoughnut];

Example Usage

self.percentageDoughnut.dataSource = self;
self.percentageDoughnut.linePercentage = 0.02;
self.percentageDoughnut.percentage = 0.5;
self.percentageDoughnut.animatesBegining = NO;

Credits

Brought to you by MyAppControls team.

Similar Projects

iOS Bar Chart

iOS Simple Color Picker

iOS Pie Chart