mollywoodnini / ProgressBarBubbleView

A progress bar showing the percentage within a bubble.

ProgressBarBubbleView

The ProgressBarBubbleView is a UIView subclass, which displays the progress in a bar and in percent within a bubble view. Completely written in Swift.

Screenshots

Installation

Manually

1. Download ProgressBarBubbleView.zip from the last release and extract its content.
2. Copy the ProgressBarBubbleView folder into your Xcode Project.

Usage

Initializing

If you are using Autolayout:

private let progressBarBubbleView = ProgressBarBubbleView(bubbleHeight: 40, barHeight: 10)

If you layout your UI via frames:

private let progressBarBubbleView = ProgressBarBubbleView(bubbleHeight: 40, barHeight: 10, width: 300, position: CGPointZero)

Updating your process

Just call the configure method with your results.

let value: Int = 400
let threshold: Int = 600
progressBarBubbleView.configure(value, threshold: threshold)

Customizable properties

• textColor
• font
• bubbleBackgroundColor
• progressColors // gradient colors
• thresholdReachedColors // gradient colors

Requirements

• iOS 8.0+
• Xcode 7.0+

License

Released under the MIT license. See the LICENSE file for more info.