javascript - Bootstrap/bootflat and jQuery progress bar -


i trying progress bar display , animate while loading html page div jquery.

my progress bar comes bootstrap (bootflat) , looks this:

<div class="progress" style="visibility:hidden;">     <div class="progress-bar" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 60%;">60%</div> </div> 

my script looks this:

$(document).ready(function(){     $("#btnticker").click(function(){         var ticker = this.form.txtticker.value;         $("#progress-bar").show();         $("#info").load('info.php?t=' + ticker, function() {             success: $("#progress-bar").hide();             } );             }); }); 

i can't figure how progress bar displayed , moving; need bit of guidance did google search , couldn't find tutorials beginners (which am).

thanks

$("#progress-bar").show(); 

should

$("#progress-bar").css('visibility', 'visible'); 

the show() method doesn't deal visibility.


Comments

Popular posts from this blog

Android layout hidden on keyboard show -

google app engine - 403 Forbidden POST - Flask WTForms -

c - Why would PK11_GenerateRandom() return an error -8023? -