yonat / Stepprogressview
Licence: mit
Step-by-step progress view with labels and shapes. A good replacement for UIActivityIndicatorView and UIProgressView.
Stars: ✭ 272
Programming Languages
swift
15916 projects
Projects that are alternatives of or similar to Stepprogressview
Kinetic
A flexible tweening library for iOS in Swift similar to GSAP's TweenMax.
Stars: ✭ 54 (-80.15%)
Mutual labels: timeline
notifyme
react-notification-timeline is a react based component helps in managing the notification in time-based manner.
Stars: ✭ 94 (-65.44%)
Mutual labels: timeline
timeline heatmap
A kibana visualization that uses swim lanes to visualize multiple sources over time. Each swim lane represents a source and the intervals of the date histogram are colored based on the metric defined at the given time.
Stars: ✭ 18 (-93.38%)
Mutual labels: timeline
angular-progress-bar
This component allow you to easy incorporate progress-bar to angular/ionic project, providing binding and color options
Stars: ✭ 26 (-90.44%)
Mutual labels: progress
web3-is-going-great
A timeline of some of the greatest hits in cryptocurrencies, NFTs, and other web3 projects since the beginning of 2021
Stars: ✭ 334 (+22.79%)
Mutual labels: timeline
progress-image-view-android
Simple progress with ImageView android
Stars: ✭ 64 (-76.47%)
Mutual labels: progress
timeline
Takes tweets from a bot's followings and markovifies them. Ruby port of sneaksnake/timeline
Stars: ✭ 13 (-95.22%)
Mutual labels: timeline
react-native-beautiful-timeline
Fully customizable, beautifully designed Timeline for React Native.
Stars: ✭ 111 (-59.19%)
Mutual labels: timeline
React Horizontal Timeline
[Not maintained] A Timeline component
Stars: ✭ 257 (-5.51%)
Mutual labels: timeline
YTAnimation
iOS动画集锦, swift, 核心动画, 基础动画,关键帧动画, 组动画, 过渡动画, 进度条,项目案例.
Stars: ✭ 60 (-77.94%)
Mutual labels: progress
vue-spinners-css
Amazing collection of Vue spinners components with pure css.
Stars: ✭ 50 (-81.62%)
Mutual labels: progress
Scena
🎬 Scena is a component that represents the timeline of Scene.js. You can control time, properties, and items.
Stars: ✭ 259 (-4.78%)
Mutual labels: timeline
plain-overlay
The simple library for customizable overlay which covers a page, elements or iframe-windows.
Stars: ✭ 28 (-89.71%)
Mutual labels: progress
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
Note that the project description data, including the texts, logos, images, and/or trademarks,
for each open source project belongs to its rightful owner.
If you wish to add or remove any projects, please contact us at [email protected].