Skip to main content

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 -

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(){
     self.progresssView.value = 0
  override func viewWillAppear(){
     UIView.animate(withDuration: 10.0){
      self.progresssView.value = 60


Circular Progress Bar iPhone X


Post a Comment

Popular posts from this blog

Facebook Login - Facebook Authentication and Cocoapods

Create a new application facebook login and authentication a facebook user using their iOS SDK with Cocoapods. Below are the steps in which we'll be following: First Getting Started guide from Facebook's iOS SDK Documentation Create a new iOS project Swift

Open facebook Developer Account and create new App after go to setting and click basic -> add platform ios Then add Bundle id your ios project like com.xxxx, Configuring Facebook with Bundle ID Then go ahead Download facebook sdk for ios other wise install pod file your project.
Go ahead to open terminal and go ahead your project folder.

Got create podfile -> pod init
Open podfile -> open podfile Paste ->  pod 'FBSDKCoreKit' 
               pod 'FBSDKShareKit' 
               pod 'FBSDKLoginKit' podfile and save

Then go to terminal or install podfiles -> pod Install

Enabling Facebook's Authentication Mech…

Core Data With Swift 4.0 Tutorial

Core Data - Core Data is a framework that you use to manage the data model layer objects or instance Context in your application. It provides generalized and automated data stores solutions to common tasks associated with object life cycle and object graph management, including persistence.
Completely Tutorial for Swift 4 and iOS 11. Gating Start Goto Xcode and create New iOS Project on single view. Project Name CoreDataSwift or Checked Use Core Data

On click Main.Storyboard in Interface builder click on project navigation Editor - Embed In - Navigation controller.

Then After click on Navigation ViewController and next Drag TableView in to ViewController.

Make TableView viewcontroller Outlet Delegate, DataSource and import CoreData

import UIKit import CoreData
class ViewController: UIViewController, UITableViewDataSource, UITableViewDelegate { overridefunc viewDidLoad() { super.viewDidLoad() // Do any additional setup after loading the view, typically from a nib. } overridefunc didReceiveMem…