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
Post a Comment