Global function that displays a status bar at the bottom of a Web page. The status bar can slide up from the bottom and slide down after a specified timeout to get out of the way. Alternately the statusbar can display in 'highlighted' mode and then revert to a less distinctive view or revert back to a fixed 'afterTimeoutText' message.

The status bar can be formatted with CSS styling and the options allow configuring exactly which CSS classes are used.

Operation

The statusbar can be used without any configuration simply by calling the above function at any time. The function will create the required <div> and add it to the document the first time the function is called.

showStatus("Getting more data...");

Alternately you can configure the statusbar display once per page typically in $(document).ready():

$(document).ready( function() { // one time configuration on page load showStatus({ afterTimeoutText: "Ready", closable: true });}); }); function someClickHandler() { // simple use multiple times anywhere in the page showStatus("Customer data updated.",4000); }