html5 progressbar,HTML Progress Bar

You can use jQuery instead. There in no restriction of HTML5. Also you can apply styles

jQuery UI Progressbar - Custom Label

.progress-label {

float: left;

margin-left: 50%;

margin-top: 5px;

font-weight: bold;

text-shadow: 1px 1px 0 #fff;

}

$(function() {

var progressbar = $( "#progressbar" ),

progressLabel = $( ".progress-label" );

progressbar.progressbar({

value: false,

change: function() {

progressLabel.text( progressbar.progressbar( "value" ) + "%" );

},

complete: function() {

progressLabel.text( "Complete!" );

}

});

function progress() {

var val = progressbar.progressbar( "value" ) || 0;

progressbar.progressbar( "value", val + 1 );

if ( val < 99 ) {

setTimeout( progress, 100 );

}

}

setTimeout( progress, 3000 );

});

Loading...