All Projects → miyass → VHProgressBar

miyass / VHProgressBar

Licence: other
Vartical and Horizontal ProgressBar

Programming Languages

swift
15916 projects
ruby
36898 projects - #4 most used programming language

Projects that are alternatives of or similar to VHProgressBar

Python Progressbar
Progressbar 2 - A progress bar for Python 2 and Python 3 - "pip install progressbar2"
Stars: ✭ 682 (+2865.22%)
Mutual labels:  progress, progress-bar, progressbar
mp-progress
专注于小程序圆环形进度条的小工具
Stars: ✭ 72 (+213.04%)
Mutual labels:  progress, progress-bar, progressbar
Roundprogresstextview
TextView with Round Pogress
Stars: ✭ 18 (-21.74%)
Mutual labels:  progress, progress-bar, progressbar
react-sweet-progress
A way to quickly add a progress bar to react app 🌈
Stars: ✭ 250 (+986.96%)
Mutual labels:  progress, progress-bar, progressbar
LineProgressbar
A light weight jquery progressbar plugin
Stars: ✭ 34 (+47.83%)
Mutual labels:  progress, progress-bar, progressbar
Multiprogressview
📊 An animatable view that depicts multiple progresses over time. Modeled after UIProgressView
Stars: ✭ 614 (+2569.57%)
Mutual labels:  progress, progress-bar, progressbar
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 (+313.04%)
Mutual labels:  progress, progress-bar, progressbar
Vue Step Progress
A simple Vue component that displays a Progress Bar with labels for each step
Stars: ✭ 26 (+13.04%)
Mutual labels:  progress, progress-bar, progressbar
React Nprogress
⌛️ A React primitive for building slim progress bars.
Stars: ✭ 173 (+652.17%)
Mutual labels:  progress, progress-bar, progressbar
Radialprogressbar
Radial ProgressBar inspired by Apple Watch OS. It is highly Customisable
Stars: ✭ 141 (+513.04%)
Mutual labels:  progress, progress-bar, progressbar
GaugeProgressView
Tired of boring Android progress views? This one is amazing!
Stars: ✭ 17 (-26.09%)
Mutual labels:  progress, progressbar, gauge
angular-progress-bar
This component allow you to easy incorporate progress-bar to angular/ionic project, providing binding and color options
Stars: ✭ 26 (+13.04%)
Mutual labels:  progress, progress-bar, progressbar
Tqdm
A Fast, Extensible Progress Bar for Python and CLI
Stars: ✭ 20,632 (+89604.35%)
Mutual labels:  progress, progress-bar, progressbar
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, progressbar
Ruby Progressbar
Ruby/ProgressBar is a text progress bar library for Ruby.
Stars: ✭ 1,378 (+5891.3%)
Mutual labels:  progress, progress-bar, progressbar
Alive Progress
A new kind of Progress Bar, with real-time throughput, ETA, and very cool animations!
Stars: ✭ 2,940 (+12682.61%)
Mutual labels:  progress, progress-bar, progressbar
React Sweet Progress
A way to quickly add a progress bar to react app 🌈
Stars: ✭ 239 (+939.13%)
Mutual labels:  progress, progress-bar, progressbar
LinearProgressView
A simple linear progress view for iOS
Stars: ✭ 103 (+347.83%)
Mutual labels:  progress-bar, progressbar
IJProgressView
A simple progress view written in Swift.
Stars: ✭ 70 (+204.35%)
Mutual labels:  progress-bar, progressbar
tox-progress
This JavaScript library was made to easily create animated radial progress bars.
Stars: ✭ 13 (-43.48%)
Mutual labels:  progress, progress-bar

VHProgressBar

The VHProgressBar is vertical and horizontal animated progress bar.

progressTest1 progressTest2

Installation

Cocoapods:

Add this code to your Podfile

pod 'VHProgressBar', '~> 1.0'

Install into your project:

$ pod install

Usage

By coding with swift

//import UIKit and VHProgressBar
import UIKit
import VHProgressBar

 // vertical progress bar
let verticalProgressBar = VerticalProgressBar()
// horizontal progress bar
let horizontalProgressBar = HorizontalProgressBar()

self.view.addSubview(verticalProgressBar)
self.view.addSubview(horizontalProgressBar)

//adjust layout
verticalProgressBar.pgHeight = 350
verticalProgressBar.pgWidth = 35
verticalProgressBar.frameBold = 0.5

horizontalProgressBar.pgHeight = 50
horizontalProgressBar.pgWidth = 500
horizontalProgressBar.frameBold = 1.0

// start simple animation
verticalProgressBar.animateProgress(duration: 2.0, progressValue: 0.7)
horizontalProgressBar.animateProgress(duration: 3.0, progressValue: 0.2)

// start repeat animation
// you can choose type "normal" or "reverse"
verticalProgressBar.startAnimation(type: "normal", duration: 3.0)
//stop repeat animation  
verticalProgressBar.stopAnimation()

By using storyboard

drop a UIView into your viewController in your storyboard, and set class to VerticalProgressBar or HorizontalProgressBar

storyboard1

customize your progressbar by setting the properties from the Interface Builder.

storyboard2

Supported Attributes

Attribute Description
Bg Color progress bar background color
Bar Color progress bar color
Frame Color the border color
Frame Bold The border width
Pg Height progress bar height
Pg Width progress bar width

Contributions

Contributions are welcomed!!

Version

1.0

Author

Sohei Miyakura(miyass)

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