<!-- 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>
// Scan progress bars basekit.components.progress_bars.scan(scope);
// Initialize progress bars basekit.components.progress_bars.initialize(scope);
// Create progress bars basekit.components.progress_bars.create(id,value,title,options,callback);
// Update progress bars basekit.components.progress_bars.update(scope,id,value,title,options);
// Delete progress bar basekit.components.progress_bar.delete(scope);
// Reset progress bars basekit.components.progress_bars.reset(scope);
-
rounded
striped
rounded striped
hairline
tiny
small
medium
large
huge
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