Skip to content

pitana/pt-progressbar

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

9 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

pt-progressbar

Custom Element for Progressbar ! similar to bootstrap progress bar !

Demo

Check it live!

Usage

<pt-progressbar min="200" max="500" value="340" showStatus striped active></pt-progressbar>

Install

bower install pt-progressbar

Options

Attributes

Attribute Options Default Description
min string 0 Minimum value of Progressbar.
max string 100 Maximum value of Progressbar.
value string 0 Get/Set Value of Progressbar.
type string default Possible values are success, info, danger, and warning.
striped boolean false Uses a gradient to create a striped effect. Not available in IE8.
active boolean false Show animation on striped. Not available in IE8.
showStatus boolean false Show status like (e.g., 32% or 350/500).
showActualValue boolean false Show status in Percentage (e.g., 32%) if present, else show status in text (e.g., 350/500).
intermediate boolean false Show Intermediate Progressbar.

Methods

Method Arguments Description
toggle attr It toggle boolean attributes. like ele.toggle("active")

About

BootStrap Inspired Progressbar Custom Element. See demos.

Resources

License

Stars

Watchers

Forks

Packages

No packages published