Step-by-step progress view with labels and shapes. A good replacement for UIActivityIndicatorView and UIProgressView.

Yonat Sharon

Last update: Dec 16, 2022

Related tags

Overview

StepProgressView

Step-by-step progress view with labels and shapes. A good replacement for UIActivityIndicatorView and UIProgressView.

Usage

let progressView   = StepProgressView(frame: view.bounds)
progressView.steps = ["First", "Second", "Third", "Last"]
progressView.details = [0: "The beginning", 3: "The end"] // appears below step title

progressView.currentStep = 0 // started first step
...
progressView.currentStep = 4 // all done

SwiftUI

Use StepsView from the swiftui branch.

Changing Appearance

The properties below can be set in Interface Builder, in code, or through a UIAppearance proxy (e.g., StepProgressView.appearance().stepShape = .circle).

Shape of the step icons:

progressView.stepShape = .circle
progressView.firstStepShape = .rhombus
progressView.lastStepShape = .square
// also available: .triangle, .downTriangle

Text fonts and sizes:

progressView.textFont = myFont
progressView.detailFont = anotherFont

Line size spacing:

progressView.lineWidth = 2.5
progressView.verticalPadding = 8 // between steps (0 => default based on textFont)
progressView.horizontalPadding: 8 // between shape and text (0 => default based on textFont)

Colors:

progressView.tintColor = myGeneralTintColor

// alternatively:

progressView.currentStepColor = .red
progressView.pastStepColor = .gray
progressView.futureStepColor = .gray

progressView.currentStepFillColor = .yellow
progressView.pastStepFillColor = .gray
progressView.futureStepFillColor = .lightGray

progressView.currentTextColor = .blue
progressView.pastTextColor = .gray
progressView.futureTextColor = .lightGray
progressView.currentDetailColor = .cyan // nil => use currentStepColor

Installation

CocoaPods:

pod 'StepProgressView'

Legacy versions:

Swift version	StepProgressView version
4.0 (Xcode 9.4)	`pod 'MiniLayout', '~> 1.2.1'` `pod 'StepProgressView', '~> 1.4.1'`
3	`pod 'MiniLayout', '~> 1.1.0'` `pod 'StepProgressView', '~> 1.3.0'`
2.3	`pod 'MiniLayout', '~> 1.0.1'` `pod 'StepProgressView', '~> 1.2.1'`

Swift Package Manager:

dependencies: [
    .package(url: "https://github.com/yonat/StepProgressView", from: "1.5.7")
]

Meta

@yonatsharon

https://github.com/yonat/StepProgressView

You might also like...

This is a beauful hud view for iPhone & iPad

WSProgressHUD This is a beauful hud view for iPhone & iPad Usage To Download the project. Run the WSProgressHUD.xcodeproj in the demo directory. [

583 Dec 6, 2022

Windless makes it easy to implement invisible layout loading view.

Windless Windless makes it easy to implement invisible layout loading view. Contents Requirements Installation Usage Looks Credits Communication Licen

940 Dec 22, 2022

Show pleasant loading view for your users 😍

RHPlaceholder 💾 Because traditional loading view like UIActivityIndicatorView or similar one are no longer so trendy (Facebook or Instagram apps are

238 Nov 2, 2022

A beautiful activity indicator and modal alert written in Swift (originally developed for my app DoodleDoodle) Using blur effects, translucency, flat and bold design - all iOS 8 latest and greatest

SwiftSpinner SwiftSpinner is an extra beautiful activity indicator with plain and bold style. It uses dynamic blur and translucency to overlay the cur

2.1k Dec 19, 2022

A lightweight and awesome loading Activity Indicator for your iOS app.

BPCircleActivityIndicator BPCircleActivityIndicator is a clean and easy-to-use Activity Indicator meant to display the progress of an ongoing task on

46 Aug 12, 2022

A simple and awesome loading Activity Indicator(with block moving animation) for your iOS app.

BPBlockActivityIndicator BPBlockActivityIndicator is a clean and easy-to-use Activity Indicator meant to display the progress of an ongoing task on iO

43 Nov 6, 2021

☠️ An elegant way to show users that something is happening and also prepare them to which contents they are awaiting

Features • Guides • Installation • Usage • Miscellaneous • Contributing 🌎 README is available in other languages: 🇪🇸 . 🇨🇳 . 🇧🇷 . 🇰🇷 . 🇫🇷 To

11.7k Jan 8, 2023

StatusBarOverlay will automatically show a "No Internet Connection" bar when your app loses connection, and hide it again

StatusBarOverlay will automatically show a "No Internet Connection" bar when your app loses connection, and hide it again. It supports apps which hide the status bar and The Notch

160 Nov 2, 2022

Step-by-step progress view with labels and shapes. A good replacement for UIActivityIndicatorView and UIProgressView.

StepProgressView Step-by-step progress view with labels and shapes. A good replacement for UIActivityIndicatorView and UIProgressView. Usage let progr

340 Dec 16, 2022

UIProgressView replacement with an highly and fully customizable animated progress bar in pure Core Graphics

The YLProgressBar is an UIProgressView replacement with a highly and fully customizable animated progress bar in pure Core Graphics. It has been imple

1.3k Jan 5, 2023

Each step you take reveals a new horizon. You have taken the first step today.

The story Seeing the animations behind Paper, or the transitions behind Mail, being in a world of flat design and transitions, user interaction, app b

152 Nov 3, 2022

📊 A customizable gradient progress bar (UIProgressView).

GradientProgressBar A customizable gradient progress bar (UIProgressView). Inspired by iOS 7 Progress Bar from Codepen. Example To run the example pro

490 Dec 16, 2022

📊 A customizable gradient progress bar (UIProgressView).

GradientProgressBar A customizable gradient progress bar (UIProgressView). Inspired by iOS 7 Progress Bar from Codepen. Example To run the example pro

490 Dec 16, 2022

A custom stretchable header view for UIScrollView or any its subclasses with UIActivityIndicatorView and iPhone X safe area support for content reloading. Built for iOS 10 and later.

Arale A custom stretchable header view for UIScrollView or any its subclasses with UIActivityIndicatorView support for reloading your content. Built f

43 Feb 4, 2022

LCPullRefresh - Use UIActivityIndicatorView to provide a pull-to-refresh function for UIScrollView.

LCPullRefresh Use UIActivityIndicatorView to provide a pull-to-refresh function for UIScrollView. Requirements iOS 8.0+ Xcode 11.0+ Usage Pull-up refr

7 Aug 5, 2022

PBCircularProgressView is a circular progress view for iOS similar to the app store download progress view.

Overview PBCircularProgressView is a circular progress view for iOS similar to the app store download progress view. It also ha

0 Oct 27, 2021

A replacement for as which runs in constant time instead of O(n) when the conformance is not satisfiedA replacement for as which runs in constant time instead of O(n) when the conformance is not satisfied

ZConform A replacement for as? which runs in constant time instead of O(n) when the conformance is not satisfied. How it works ZConform does a one-tim

20 Aug 4, 2022

UISlider clone with multiple thumbs and values, range highlight, optional snap intervals, optional value labels, either vertical or horizontal.

MultiSlider UISlider clone with multiple thumbs and values, range highlight, optional snap intervals, optional value labels, either vertical or horizo

326 Dec 29, 2022

iOS application to extract accession numbers from wall labels using Vision and VisionKit frameworks.

iOS application to extract accession numbers from wall labels using Vision and VisionKit frameworks. Important This is experimenta

San Francisco International Airport Museum

6 Feb 2, 2022

Comments

Can we rearrange the stepper in between the title and description

hi, Can we design the title to the left and sub description to the right by placing the stepper(line view) in the middle of the both. If possible, then pls help.

opened by V1992 1
codebeat badge

Is it fine to add codebeat badge to README?

codebeat is automated code review tool for Swift, Ruby & Go that helps get instant feedback on code quality.

“Quick wins” suggested by codebeat could be a nice candidate for a pull request and help other developers become contributors.

FYI. I'm co-founder of codebeat.

opened by korzonek 0

Step-by-step progress view with labels and shapes. A good replacement for UIActivityIndicatorView and UIProgressView.

Related tags

Overview

StepProgressView

Usage

SwiftUI

Changing Appearance

Installation

CocoaPods:

Swift Package Manager:

Meta

You might also like...

This is a beauful hud view for iPhone & iPad

Windless makes it easy to implement invisible layout loading view.

Show pleasant loading view for your users 😍

A beautiful activity indicator and modal alert written in Swift (originally developed for my app DoodleDoodle) Using blur effects, translucency, flat and bold design - all iOS 8 latest and greatest

A lightweight and awesome loading Activity Indicator for your iOS app.

A simple and awesome loading Activity Indicator(with block moving animation) for your iOS app.

☠️ An elegant way to show users that something is happening and also prepare them to which contents they are awaiting

StatusBarOverlay will automatically show a "No Internet Connection" bar when your app loses connection, and hide it again

Step-by-step progress view with labels and shapes. A good replacement for UIActivityIndicatorView and UIProgressView.

UIProgressView replacement with an highly and fully customizable animated progress bar in pure Core Graphics

Each step you take reveals a new horizon. You have taken the first step today.

📊 A customizable gradient progress bar (UIProgressView).

📊 A customizable gradient progress bar (UIProgressView).

A custom stretchable header view for UIScrollView or any its subclasses with UIActivityIndicatorView and iPhone X safe area support for content reloading. Built for iOS 10 and later.

LCPullRefresh - Use UIActivityIndicatorView to provide a pull-to-refresh function for UIScrollView.

PBCircularProgressView is a circular progress view for iOS similar to the app store download progress view.

A replacement for as which runs in constant time instead of O(n) when the conformance is not satisfiedA replacement for as which runs in constant time instead of O(n) when the conformance is not satisfied

UISlider clone with multiple thumbs and values, range highlight, optional snap intervals, optional value labels, either vertical or horizontal.

iOS application to extract accession numbers from wall labels using Vision and VisionKit frameworks.

Comments

Can we rearrange the stepper in between the title and description

codebeat badge

Owner

Yonat Sharon

📊 A customizable gradient progress bar (UIProgressView).

Simple and powerful animated progress bar with dots

A clean and lightweight progress HUD based on SVProgressHUD, converted to Swift with the help of Swiftify.

Completely customizable progress based loaders drawn using custom CGPaths written in Swift

Flexible Stepped Progress Bar for IOS

A simple animated progress bar in Swift

💈 Retro looking progress bar straight from the 90s

Material Linear Progress Bar for your iOS apps

Simple Swift Progress HUD

A view class for iOS that makes uploading easy and beautiful.