Show Progress bar on Mouse Cursor

<asp:UpdateProgress ID="UpdateProgress1" runat="server" AssociatedUpdatePanelID="upMain" DynamicLayout="false" DisplayAfter="0"> <ProgressTemplate> <div id="updateDiv" style="position: absolute"> <asp:Image ID="Image1" runat="server" ImageUrl="~/App_Themes/Default/images/busy.gif" /> div> ProgressTemplate> asp:UpdateProgress>

<

script type="text/javascript" language="javascript">

var

IE = document.all?true:false // If NS -- that is, !IE -- then set up for mouse capture

if

(!IE) document.captureEvents(Event.MOUSEMOVE)

// Set-up to use getMouseXY function onMouseMove

document.onmousemove = getMouseXY;

// Temporary variables to hold mouse x-y pos.s

var

tempX = 0

var

tempY = 0

// Main function to retrieve mouse x-y pos.s

function

getMouseXY(e) { if (IE) { // grab the x-y pos.s if browser is IE //tempX = event.clientX + document.body.scrollLeft //tempY = event.clientY + document.body.scrollTop

tempX = event.clientX + document.documentElement.scrollLeft

tempY = event.clientY + document.documentElement.scrollTop

}

else

{

// grab the x-y pos.s if browser is NS

tempX = e.pageX

tempY = e.pageY

}

// catch possible negative values in NS4 if (tempX < 0)

tempX = 0;

if (tempY < 0)

tempY = 0;

// show the position values in the form named Show // in the text fields named MouseX and MouseY var divToMove = document.getElementById("updateDiv");

divToMove.style.left = tempX+10-LeftOffset;

divToMove.style.top = tempY+10-TopOffset;

return true;

}

script>