• Stars
    star
    286
  • Rank 144,690 (Top 3 %)
  • Language
    Swift
  • License
    MIT License
  • Created over 7 years ago
  • Updated 10 months ago

Reviews

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

Repository Details

A circular progress bar for iOS written in Swift

MKMagneticProgress

Version License Platform

MKMagneticProgress

A circular progress bar for iOS written in Swift

Features

  • Interface builder designable
  • Highly customizable and flexible
  • Easy to use
  • Written in Swift

Installation

CocoaPods (Recommended)

  1. Install CocoaPods
  2. Add this repo to your Podfile
target 'Example' do
# IMPORTANT: Make sure use_frameworks! is included at the top of the file
use_frameworks!
platform :ios, '8.0'
pod 'MKMagneticProgress'
end
  1. Run pod install
  2. Open up the .xcworkspace that CocoaPods created
  3. Done!

Manually

Simply download the MKMagneticProgress.swift file from here into your project, make sure you point to your projects target

Usage

Interface Builder

Simply drag a UIView into your storyboard. Make sure to subclass MKMagneticProgress and that the module points MKMagneticProgress.

Design your heart out

ib-demo.gif

Usage

import MKMagneticProgress


@IBOutlet weak var magProgress:MKMagneticProgress!

override func viewDidLoad() {
    magProgress.setProgress(progress: 0.5, animated: true)
    magProgress.progressShapeColor = UIColor.blue
    magProgress.backgroundShapeColor = UIColor.yellow
    magProgress.titleColor = UIColor.red
    magProgress.percentColor = UIColor.black

    magProgress.lineWidth = 10
    magProgress.orientation = .top
    magProgress.lineCap = .round

    magProgress.title = "Title"
    magProgress.percentLabelFormat = "%.2f%%"

}

Example project

Take a look at the example project over here

  1. Download it
  2. Open the Example.xcworkspace in Xcode
  3. Enjoy!

Author

Moayad Al kouz, [email protected]

Twitter : @malkouz

License

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