Progress bar in ASP.NET for imported/exported table data -
i have asp.net application in data getting imported/exported. wish have progressbar, below.
a table 1 row , cells keep on adding. once row full, empty row , add new cells same row.
for think need have thread functionality keep "rendering table" client without postback while export/import.
how can that?
the following code doesn't use table, instead divs, should you're after. included html , body tags can copy , paste see looks like. client side of course, , not depend on asp.net, idea start progress bar onsubmit event, , response page doesn't start loading until data inport/export has completed
<!doctype html public "-//w3c//dtd xhtml 1.0 transitional//en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd"> <html><body> <div id="progressdiv" style="width:100%;"></div> <script type="text/javascript"> timerid = setinterval("addblock()", 100); function addblock() { var progressdiv = document.getelementbyid('progressdiv') var div = document.createelement('div'); div.style.display = 'block'; div.style.cssfloat = 'left'; div.style.stylefloat = 'left'; div.style.width = '10px'; div.style.height = '10px'; div.style.backgroundcolor = 'red'; div.style.border = '1px solid black'; progressdiv.appendchild(div); if (progressdiv.childnodes.length == 20) while (progressdiv.haschildnodes()) progressdiv.removechild(progressdiv.firstchild); } </script> </body></html>
Comments
Post a Comment