MKMagneticProgress
A circular progress bar for iOS written in Swift
Install / Use
/learn @malkouz/MKMagneticProgressREADME
MKMagneticProgress
<h1 align="center">MKMagneticProgress</h1> <h3 align="center">A circular progress bar for iOS written in Swift</h3> <p align="center"> <img src="https://github.com/malkouz/MKMagneticProgress/raw/master/demo.gif"/> </p>Features
- Interface builder designable
- Highly customizable and flexible
- Easy to use
- Written in Swift
Installation
CocoaPods (Recommended)
- Install CocoaPods
- 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
- Run
pod install - Open up the
.xcworkspacethat CocoaPods created - 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

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
- Download it
- Open the
Example.xcworkspacein Xcode - Enjoy!
Author
Moayad Al kouz, moayad_kouz9@hotmail.com
</p> Twitter : @malkouzLicense
MKMagneticProgress is available under the MIT license. See the LICENSE file for more info.
Related Skills
diffs
339.3kUse the diffs tool to produce real, shareable diffs (viewer URL, file artifact, or both) instead of manual edit summaries.
openpencil
1.8kThe world's first open-source AI-native vector design tool and the first to feature concurrent Agent Teams. Design-as-Code. Turn prompts into UI directly on the live canvas. A modern alternative to Pencil.
ui-ux-pro-max-skill
53.4kAn AI SKILL that provide design intelligence for building professional UI/UX multiple platforms
Figma-Context-MCP
14.0kMCP server to provide Figma layout information to AI coding agents like Cursor
