All Projects → nikola9core → DottedProgressBar

nikola9core / DottedProgressBar

Licence: MIT License
Simple and powerful animated progress bar with dots

Programming Languages

swift
15916 projects
shell
77523 projects
ruby
36898 projects - #4 most used programming language
objective c
16641 projects - #2 most used programming language

Projects that are alternatives of or similar to DottedProgressBar

Radialprogressbar
Radial ProgressBar inspired by Apple Watch OS. It is highly Customisable
Stars: ✭ 141 (+252.5%)
Mutual labels:  progress, progress-bar
Hgcircularslider
A custom reusable circular / progress slider control for iOS application.
Stars: ✭ 2,240 (+5500%)
Mutual labels:  progress, progress-bar
Vue Wait
Complex Loader and Progress Management for Vue/Vuex and Nuxt Applications
Stars: ✭ 1,869 (+4572.5%)
Mutual labels:  progress, progress-bar
GradientProgress
A gradient progress bar (UIProgressView).
Stars: ✭ 38 (-5%)
Mutual labels:  progress, progress-bar
React Sweet Progress
A way to quickly add a progress bar to react app 🌈
Stars: ✭ 239 (+497.5%)
Mutual labels:  progress, progress-bar
Linearprogressbar
Material Linear Progress Bar for your iOS apps
Stars: ✭ 131 (+227.5%)
Mutual labels:  progress, progress-bar
React Nprogress
⌛️ A React primitive for building slim progress bars.
Stars: ✭ 173 (+332.5%)
Mutual labels:  progress, progress-bar
Terminal layout
The project help you to quickly build layouts in terminal,cross-platform(一个跨平台的命令行ui布局工具)
Stars: ✭ 98 (+145%)
Mutual labels:  progress, progress-bar
CustomProgress
自定义水平带百分比数字的进度条以及自定义圆形带百分比数字的进度条
Stars: ✭ 58 (+45%)
Mutual labels:  progress, progress-bar
Progress
A PHP package to determine steps and progress.
Stars: ✭ 197 (+392.5%)
Mutual labels:  progress, progress-bar
ProBar
this script will allow you to configure a progress bar with a timer with other options
Stars: ✭ 0 (-100%)
Mutual labels:  progress, progress-bar
react-sweet-progress
A way to quickly add a progress bar to react app 🌈
Stars: ✭ 250 (+525%)
Mutual labels:  progress, progress-bar
Jocircularslider
A highly customisable and reusable circular slider for iOS applications.
Stars: ✭ 128 (+220%)
Mutual labels:  progress, progress-bar
tox-progress
This JavaScript library was made to easily create animated radial progress bars.
Stars: ✭ 13 (-67.5%)
Mutual labels:  progress, progress-bar
Ruby Progressbar
Ruby/ProgressBar is a text progress bar library for Ruby.
Stars: ✭ 1,378 (+3345%)
Mutual labels:  progress, progress-bar
Ascii Progress
🍓 Ascii progress-bar(s) in the terminal.
Stars: ✭ 167 (+317.5%)
Mutual labels:  progress, progress-bar
Node Status
Nodejs stdout status and progress bar. Multi-item, various display types.
Stars: ✭ 71 (+77.5%)
Mutual labels:  progress, progress-bar
Delayedprogress
ProgressDialog that waits a minimum time to be dismissed before showing. Once visible, the ProgressDialog will be visible for a minimum amount of time to avoid "flashes" in the UI.
Stars: ✭ 95 (+137.5%)
Mutual labels:  progress, progress-bar
Alive Progress
A new kind of Progress Bar, with real-time throughput, ETA, and very cool animations!
Stars: ✭ 2,940 (+7250%)
Mutual labels:  progress, progress-bar
CustomProgress
一款常见的进度条加载框架
Stars: ✭ 32 (-20%)
Mutual labels:  progress, progress-bar

alt tag

CI Status Version License Platform

Example

To run the example project, clone the repo, and run pod install from the Example directory first.

alt tag

Requirements

  • iOS 8.0+
  • Swift 3.0+

Installation

DottedProgressBar is available through CocoaPods. To install it, simply add the following line to your Podfile:

pod "DottedProgressBar"

Easy to use

Import library

import DottedProgressBar

Initialize DottedProgressBar in one line of code

let progressBar = DottedProgressBar(frame: CGRect(x: 50, y: 50, width: 200, height: 20),
                                    numberOfDots: 6,
                                    initialProgress: 1)
view.addSubview(progressBar)

Custom appearance

let progressBar = DottedProgressBar()
progressBar.appearance = DottedProgressBar.DottedProgressAppearance(
    dotRadius: 8.0,
    dotsColor: UIColor.orange.withAlphaComponent(0.5),
    dotsProgressColor: UIColor.red,
    backColor: UIColor.clear
)
view.addSubview(progressBar)
progressBar.frame = CGRect(x: 50, y: 50, width: 200, height: 20)

progressBar.setNumberOfDots(6, animated: false)
progressBar.setProgress(1, animated: false)

Animations

Animations can be called repeatedly because they have theirs own queue. Each animation will wait previous to finish and then will be executed.

self.setProgress(4, animated: true)
self.setNumberOfDots(8, animated: true)

Customize animations

Customize duration of animations and pause between consecutive animations

progressBar.dotsNumberChangeAnimationDuration = 0.6
progressBar.progressChangeAnimationDuration = 0.7
progressBar.pauseBetweenConsecutiveAnimations = 1.0

License

DottedProgressBar is available under the MIT license. See the LICENSE file for more info.

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].