Kurinchi Blogger Scribbles …


Posts Tagged ‘progress bar’

Jun 11
2009

JQuery: Showing a progress image while processing background task

Last updated: June 11th, 2009

I thought to write a simple example to show a progress bar or a gif image showing a that a task is happening at the background using a jquery function.

i) Include jquery script file in the header section and the following code in the head

<script language="javascript">
$(document).ready(function(){
    $('#progress').hide();
    $("#main a.bgdiv").click(function(){
        $("#progress").show("slow");
        $("body").load($(this).attr('href'));
        return false;
    });
});
</script>

(more…)


Valid HTML 4.01 Strict  Valid HTML 4.01 Strict