Latest 0.1.1
License MIT
Platforms ios 7.0, requires ARC

[![CI Status]( shad/MKSHorizontalLineProgressView.svg?style=flat)]( 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 !


Using Cocoa Pod

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


  1. Drag and drop MKSHorizontalLineProgressView classes into your classes group folder
  2. Follow the steps mentioned in Using it in your iOS app section

Using it in your iOS app

  1. Import the header #import "MKSHorizontalLineProgressView.h"
  2. 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

  3. 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;

Further enhancement

Future release to do list !

  1. Will add vertical line progress in future release
  2. Also provide options to show lineprogress view with smooth animation
  3. Suggestions are most welcome :)


kamar shad, [email protected]

It is almost replica of the repo


MKSHorizontalLineProgressView is available under the MIT license. See the LICENSE file for more info.

Latest podspec

    "name": "MKSHorizontalLineProgressView",
    "version": "0.1.1",
    "summary": "Its an Horizontal Line progress view  sub class of UIView",
    "description": "A Horizontal line progress view a sub class of UIView written in Objectivec C",
    "homepage": "",
    "license": "MIT",
    "authors": {
        "kamarshad": "[email protected]"
    "source": {
        "git": "",
        "tag": "0.1.1"
    "social_media_url": "",
    "platforms": {
        "ios": "7.0"
    "requires_arc": true,
    "source_files": "Pod/Classes/**/*"

Pin It on Pinterest

Share This