Wizard With Progress Bar using events

HTML

JS

$(document).ready(function() {
    $('#rootwizard').bootstrapWizard({
        onTabShow: function(tab, navigation, index) {
        	var $total = navigation.find('li').length;
        	var $current = index+1;
        	var $percent = ($current/$total) * 100;
        	$('#rootwizard .progress-bar').css({width:$percent+'%'});
        }
    });
});