How Create Animated Circle Progress Bar iOS 11 Swift 4

  Animated Circle Progress Bar iOS 11 Swift 4

Animated Circle Progress Bar iOS 11 Swift 4


With MBCircularProgressBar - https://github.com/MatiBot/MBCircularProgressBar

A circular, animatable & highly customizable progress bar from the Interface Builder Swift, Using pod fite MBCircularProgressBar Installation Cocoapods terminal.

pod "MBCircularProgressBar"

That - A Simple Steps to installed pod file -
  1.        Open terminal
  2.        Command on terminal go to project folder Cd path
  3.        set your project path on terminal.
  4.        command : pod init
  5.        open pod file - open -e podfile
  6.        added in pod file with in : pod "MBCircularProgressBar"
  7.        Command : Pod install
  8.        Close project of Xcode
  9.        open your Project from terminals
  10.        Command : open PodDemos.xcworkspace
After opern StoryBoard and Now drag a UIView over the viewController in storyboard

Circular Progress Bar UIView

Or set UIView Constraint width, height or verticle or horzentail space and set a class MBCircularProgressBarView in StoryBoard. Open Atribute inspector and customize progress bar according to your needs

Circular Progress Bar

Now Open ViewController.swift file

import UIKit
import MBCircularProgressBar

class ViewController: UIViewController{

@IBOutlet week var progresssView: MBCircularProgressBarView!
  override func viewDidLoad(){
     supper.viewDidLoad()
     self.progresssView.value = 0
 }
  override func viewWillAppear(){
     UIView.animate(withDuration: 10.0){
      self.progresssView.value = 60
   }
  }
}


OutPut:- 

Circular Progress Bar iPhone X

Popular posts from this blog

ASO Off-Page Activities - Free Submission Site Promote Mobile App

Mobile Apps Optimizing High Rank in App Store’s Android or iphone - ASO

Core Data With Swift 4.0 Tutorial

Complete Increasing Search Ranking mobile Application