Ring progress view similar to Activity app on Apple Watch
- Progress animation
- Customizable start/end and backdrop ring colors
- Customizable ring width
- Customizable shadow under progress line end
- Progress values above 100% (or 360°) can also be displayed
MKRingProgressView
is available through CocoaPods. To install
it, simply add the following line to your Podfile:
pod 'MKRingProgressView'
Just add MKRingProgressView
folder to your Xcode project.
See example Xcode project. It also contains additional classes for convenient grouping of 3 ring progress views replicating Activity app by Apple.
MKRingProgressView
can be set up in Storyboard. Specify startColor
, endColor
, ringWidth
and optional backgroundRingColor
(if not set, defaults to startColor
with 15% opacity).
let ringProgressView = MKRingProgressView(frame: CGRect(x: 0, y: 100, width: 100, height: 100))
ringProgressView.startColor = .red
ringProgressView.endColor = .magenta
ringProgressView.ringWidth = 25
ringProgressView.progress = 0.0
view.addSubview(ringProgressView)
To adjust progress
animation duration, use CATransaction
:
CATransaction.begin()
CATransaction.setAnimationDuration(1.0)
ringProgressView.progress = 1.0
CATransaction.commit()
Conical gradient image for progress ring is drawn using MKGradientGenerator. It is already included in the code, so just add MKGradientGenerator.swift
along with MKRingProgressView.swift
file to your project.
- iOS 8.0
- Xcode 8, Swift 3
MKRingProgressView
is available under the MIT license. See the LICENSE file for more info.