The progress bar is displayed when the page is loaded in the ASP.NET web application, although it is a false force bar, it cannot reflect the load scheme in real time, but can tell the user page is being loaded, so as to avoid the user's mistakes, the system is faulty or crash. Create a new Web project, add 4 files: default.htm; progress bar.aspx; second.aspx; common.css. The default.htm page has a chain. After clicking, load the propx, load second.aspx after loading, because the second.aspx simulates the big page, so the main thread is hangs for 10 seconds, and the schedule page is still displayed ProgressBar. .aspx.
The code is as follows: Default.htm
default </ title> <meta name = "generator" content = "Microsoft Visual Studio .NET 7.1> <meta name = progid content = Visualstudio.html> <meta name = Originator Content =" Microsoft Visual Studio .NET 7.1 "> </ head> <body> <a href =" progressbar. ASPX? u = second.aspx "> Enter </a </ body> </ html> progress bar.aspx (html) <% @ page language =" c # "codebehind =" proGressbar.aspx.cs "autoeventwireup =" false "Inherits =" Webapp.progressbar "%> <! DOCTYPE HTML PUBLIC" - // w3c // DTD HTML 4.0 Transitional // EN "> <html> <head> <title> progress bar </ title> <meta name = "GENERATOR" Content = "Microsoft Visual Studio .NET 7.1"> <meta name = "CODE_LANGUAGE" Content = "C #"> <meta name = "vs_defaultClientScript" content = "JavaScript"> <meta name = "vs_targetSchema" content = " http://schemas.microsoft.com/intellisense/ie5 "> <link rel =" stylesheet "type =" text / css "href =" common.css "/> <% string strurl = request.params [" u " ];%> <Meta http-equiv = refresh content = "0; URL = <% = STR URL%>> <script language = "javascript"> var i = 0; function setpgb (pgbid, pgbvalue) {if (pgbvalue <= 100) {if (lblobj = document.getlementByid (pgbid ")) {lblobj .innerhtml =</p>
<p>PGBValue '%'; // Change the label value} if (pgbobj = document.getlementByid (pgbid)) {var Divchild = pgbobj.children [0]; pgbobj.children [0] .style.Width = PGBVALUE "%%%%%%%% ";} WINDOW.STATUS =" Data Read " PGBValue "%, please wait ... ";} if (pgbvalue == 100) window.status =" Data reading has been completed ";} Function Showbar ) {SetPGB ('pgbmain', i); i ;} </ script> </ head> <body οnlοad = "setInterval ('showbar ()', 100)> <table id =" table1 "style =" width : 760p "cellspacing =" 0 "cellpadding =" 0 "align =" center "border =" 0 "> <tr height =" 400 "> <td valign =" middle "align =" center "> <div class =" Bi-loading-status "id =" probar "style =" LEFT: 425PX; Width: 300px; Top: 278px; height: 44px "> <div class =" text "id =" pgbmain_label "align =" left "> <LEFT / DIV> <div class = "progress-bar" id = "pgbmain" align = "left"> <div sty = "width: 10%> </ div> </ div> </ div> </ td> </ Tr> </ table> </ body> </ html> second.aspx (code-behind) Using SYST em; using System.Collections; using System.ComponentModel; using System.Data; using System.Drawing; using System.Web; using System.Web.SessionState; using System.Web.UI; using System.Web.UI.WebControls; Using system.web.ui.htmlControls; namespace webapp {/// <summary></p></div><div class="text-center mt-3 text-grey">
转载请注明原文地址:https://www.9cbs.com/read-107781.html</div><div class="plugin d-flex justify-content-center mt-3"></div><hr><div class="row"><div class="col-lg-12 text-muted mt-2"><i class="icon-tags mr-2"></i><span class="badge border border-secondary mr-2"><h2 class="h6 mb-0 small"><a class="text-secondary" href="tag-2.html">9cbs</a></h2></span></div></div></div></div><div class="card card-postlist border-white shadow"><div class="card-body"><div class="card-title"><div class="d-flex justify-content-between"><div><b>New Post</b>(<span class="posts">0</span>)
</div><div></div></div></div><ul class="postlist list-unstyled">
</ul></div></div><div class="d-none threadlist"><input type="checkbox" name="modtid" value="107781" checked /></div></div></div></div></div><footer class="text-muted small bg-dark py-4 mt-3" id="footer"><div class="container"><div class="row"><div class="col">CopyRight © 2020 All Rights Reserved
</div><div class="col text-right">Processed:
<b>0.042</b>, SQL:
<b>9</b></div></div></div></footer><script src="./lang/en-us/lang.js?2.2.0"></script><script src="view/js/jquery.min.js?2.2.0"></script><script src="view/js/popper.min.js?2.2.0"></script><script src="view/js/bootstrap.min.js?2.2.0"></script><script src="view/js/xiuno.js?2.2.0"></script><script src="view/js/bootstrap-plugin.js?2.2.0"></script><script src="view/js/async.min.js?2.2.0"></script><script src="view/js/form.js?2.2.0"></script><script>
var debug = DEBUG = 0;
var url_rewrite_on = 1;
var url_path = './';
var forumarr = {"1":"Tech"};
var fid = 1;
var uid = 0;
var gid = 0;
xn.options.water_image_url = 'view/img/water-small.png';
</script><script src="view/js/wellcms.js?2.2.0"></script><a class="scroll-to-top rounded" href="javascript:void(0);"><i class="icon-angle-up"></i></a><a class="scroll-to-bottom rounded" href="javascript:void(0);" style="display: inline;"><i class="icon-angle-down"></i></a></body></html><script>
var forum_url = 'list-1.html';
var safe_token = 'NwU21JylcDKcbLsyeilfSschgOJAkJJaqoKLPXy9awjYd2lJhPXTDzp448TH94_2BkEvGk0uTzZk86vOAJmVg9uQ_3D_3D';
var body = $('body');
body.on('submit', '#form', function() {
var jthis = $(this);
var jsubmit = jthis.find('#submit');
jthis.reset();
jsubmit.button('loading');
var postdata = jthis.serializeObject();
$.xpost(jthis.attr('action'), postdata, function(code, message) {
if(code == 0) {
location.reload();
} else {
$.alert(message);
jsubmit.button('reset');
}
});
return false;
});
function resize_image() {
var jmessagelist = $('div.message');
var first_width = jmessagelist.width();
jmessagelist.each(function() {
var jdiv = $(this);
var maxwidth = jdiv.attr('isfirst') ? first_width : jdiv.width();
var jmessage_width = Math.min(jdiv.width(), maxwidth);
jdiv.find('img, embed, iframe, video').each(function() {
var jimg = $(this);
var img_width = this.org_width;
var img_height = this.org_height;
if(!img_width) {
var img_width = jimg.attr('width');
var img_height = jimg.attr('height');
this.org_width = img_width;
this.org_height = img_height;
}
if(img_width > jmessage_width) {
if(this.tagName == 'IMG') {
jimg.width(jmessage_width);
jimg.css('height', 'auto');
jimg.css('cursor', 'pointer');
jimg.on('click', function() {
});
} else {
jimg.width(jmessage_width);
var height = (img_height / img_width) * jimg.width();
jimg.height(height);
}
}
});
});
}
function resize_table() {
$('div.message').each(function() {
var jdiv = $(this);
jdiv.find('table').addClass('table').wrap('<div class="table-responsive"></div>');
});
}
$(function() {
resize_image();
resize_table();
$(window).on('resize', resize_image);
});
var jmessage = $('#message');
jmessage.on('focus', function() {if(jmessage.t) { clearTimeout(jmessage.t); jmessage.t = null; } jmessage.css('height', '6rem'); });
jmessage.on('blur', function() {jmessage.t = setTimeout(function() { jmessage.css('height', '2.5rem');}, 1000); });
$('#nav li[data-active="fid-1"]').addClass('active');
</script>
