[![CI Status](http://img.shields.io/travis/kamar shad/MKSHorizontalLineProgressView.svg?style=flat)](https://travis-ci.org/kamar shad/MKSHorizontalLineProgressView)
To run the example project, clone the repo, and run pod install
from the Example directory first.
Code run well on version iOS 7 and above !
MKSHorizontalLineProgressView is available through CocoaPods. To install it, simply add the following line to your Podfile:
pod 'MKSHorizontalLineProgressView'
And follow the steps mentioned in Using it in your iOS app
section
- Drag and drop MKSHorizontalLineProgressView classes into your classes group folder
- Follow the steps mentioned in
Using it in your iOS app
section
- Import the header
#import "MKSHorizontalLineProgressView.h"
- As It is a subclass of UIView, You have to create its instance and has to add it over current superview, In this demo we have created the view using
Storyboard
. Create IBOutlet reference in this case
@property (weak, nonatomic) IBOutlet MKSHorizontalLineProgressView *horizontalLineProgressView2
- Write the intial setup code according to your need(see the sample invocation)
-
(void)doIntialSetup{
//Horizontal line with percentage text
self.horizontalLineProgressView1.progressValue = 49.0f; self.horizontalLineProgressView1.trackColor = [UIColor colorWithRed:34.0f/255.0f green:34.0f/255.0f blue:34.0f/255.0f alpha:1.0f]; self.horizontalLineProgressView1.barColor = [UIColor colorWithRed:58.0/255.0 green:170.0/255.0 blue:53.0/255.0 alpha:1]; self.horizontalLineProgressView1.barThickness = self.horizontalLineProgressView1.frame.size.height; self.horizontalLineProgressView1.showPercentageText = YES; //Second Horizontal line with percentage text self.horizontalLineProgressView2.progressValue = 78.0f; self.horizontalLineProgressView2.trackColor = [UIColor blackColor]; self.horizontalLineProgressView2.barColor = [UIColor colorWithRed:0.0f / 255.0f green:75.0f / 255.0f blue:125.0f / 255.0f alpha:1.0f]; self.horizontalLineProgressView2.barThickness = self.horizontalLineProgressView2.frame.size.height; self.horizontalLineProgressView2.showPercentageText = YES; //Horizontal line without percentage text self.horizontalLineProgressView3.progressValue = 28.0f; self.horizontalLineProgressView3.trackColor = [UIColor blackColor]; self.horizontalLineProgressView3.barColor = [UIColor colorWithRed:200.0f / 255.0f green:16.0f / 255.0f blue:46.0f / 255.0f alpha:1.0f]; self.horizontalLineProgressView3.barThickness = self.horizontalLineProgressView3.frame.size.height;
}
Future release to do list !
- Will add vertical line progress in future release
- Also provide options to show lineprogress view with smooth animation
- Suggestions are most welcome :)
kamar shad, kamarshad0786@gmail.com
It is inspired by the repo @ https://github.com/bphenriques/HorizontalProgressView
MKSHorizontalLineProgressView is available under the MIT license. See the LICENSE file for more info.