Progress bars

Snippets

	<!-- Default -->
	<div class="progress-bar" value="50"></div>

	<!-- Colored -->
	<div class="progress-bar red" value="50"></div>

	<!-- Rounded -->
	<div class="progress-bar rounded" value="50"></div>

	<!-- Striped -->
	<div class="progress-bar striped" value="50"></div>

	<!-- Striped + Rounded -->
	<div class="progress-bar rounded striped" value="50"></div>
	
Options
Type Value
Size none, 'hailine', 'tiny', 'small', 'medium', 'large', 'huge'
Colors none, color
Styles 'rounded', 'striped'
Type Name Value
callback data-callback-initialize function Triggers on initialization
callback data-callback-create function Triggers on creation
callback data-callback-update function Triggers on updating
callback data-callback-reset function Triggers on resetting
callback data-callback-delete function Triggers on deleting
callback data-callback-click function Triggers on click
callback data-callback-hover function Triggers on hover
callback data-callback-hide function Triggers on hiding
callback data-callback-show function Triggers on showing
Methods

	// Scan progress bars
	basekit.components.progress_bars.scan(scope);
	
Parameters Value
scope null element

	// Initialize progress bars
	basekit.components.progress_bars.initialize(scope);
	
Parameters Value
scope null container progress_bars(s)

	// Create progress bars
	basekit.components.progress_bars.create(id,value,title,options,callback);
	
Parameters Value
id null string
value null int
label null string
options null color size style
callback function

	// Update progress bars
	basekit.components.progress_bars.update(scope,id,value,title,options);
	
Parameters Value
scope null progress bar(s)
id null string
value null int
label null string
options null string

	// Delete progress bar
	basekit.components.progress_bar.delete(scope);
	
Parameters Value
scope null progress bar(s)

	// Reset progress bars
	basekit.components.progress_bars.reset(scope);
	
Parameters Value
scope null progress bar(s)
Styles
-
rounded
striped
rounded striped
Sizes
-
hairline
tiny
small
medium
large
huge
Colors
-
rounded primary
rounded secondary
rounded red
rounded green
rounded blue
rounded orange
rounded yellow
rounded grey
rounded black
rounded white
rounded red_dark
rounded blue_dark
rounded green_dark
rounded orange_dark
rounded yellow_dark
rounded grey_dark
rounded black_dark
rounded white_dark
rounded red_medium
rounded green_medium
rounded blue_medium
rounded orange_medium
rounded yellow_medium
rounded grey_medium
rounded black_medium
rounded white_medium
round red_light
round green_light
round blue_light
round orange_light
round yellow_light
round grey_light
round black_light
round white_light
round red_ultra_light
round green_ultra_light
round blue_ultra_light
round orange_ultra_light
round yellow_ultra_light
round grey_ultra_light
round black_ultra_light
round white_ultra_light