@extends('layout.master')
@section('title', 'Progress Bars')
@section('parentPageTitle', 'UI Elements')
@section('content')
Percentage Format
Number Format
Custom Format
Other Styles
Stacked Progress Bar
45% Complete (success)
20% Complete (warning)
10% Complete (danger)
@stop
@section('page-script')
$(function() {
$('#progress-format1 .progress-bar').progressbar({
display_text: 'fill'
});
$('#progress-format2 .progress-bar').progressbar({
display_text: 'fill',
use_percentage: false
});
$('#progress-custom-format .progress-bar').progressbar({
display_text: 'fill',
use_percentage: false,
amount_format: function(p, t) {
return p + ' of ' + t;
}
});
$('#progress-striped .progress-bar, #progress-striped-active .progress-bar, #progress-stacked .progress-bar').progressbar({
display_text: 'fill'
});
$('.progress.vertical .progress-bar').progressbar();
$('.progress.vertical.wide .progress-bar').progressbar({
display_text: 'fill'
});
});
@stop