C# 加载web页面时显示进度条的js实例方法

最新推荐文章于 2023-05-28 11:40:37 发布
最新推荐文章于 2023-05-28 11:40:37 发布
阅读量853 收藏
点赞数
分类专栏： C#DotNet程序设计 文章标签： c# web output javascript function div
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/leek/article/details/6594958
版权
本文提供了一种在C# Web应用程序中显示网页加载进度的方法。通过在服务器端输出JavaScript代码，创建一个可见的进度条。利用`Response.Write`输出HTML和JS代码，设置一个定时器来动态更新进度，当页面内容如TreeView控件加载完成后，通过JavaScript隐藏进度条。
摘要由CSDN通过智能技术生成
  
 

            //网页加载进度显示 代码
            //添加 引用 命名空间  using System.Threading;
            //
            //
            Response.Write("<div  style='COLOR: red; POSITION: absolute; ' id='mydiv' >");
            Response.Write("_");
            Response.Write("</div>");
            Response.Write("<script>mydiv.innerText = '';</script>");
            Response.Write("<script language=javascript>;");
            Response.Write("var dots = 0;var dotmax = 10;function ShowWait()");
            Response.Write("{var output; output = '装载页面';dots++;if(dots>=dotmax)dots=1;");
            Response.Write("for(var x = 0;x < dots;x++){output += '·';}mydiv.innerText =  output;}");
            Response.Write("function StartShowWait(){mydiv.st
最低0.47元/天 解锁文章
Lee
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
C# webservice大文件传输实例源码
11-17
客户端可能使用异步操作，确保用户界面在上传过程中保持响应，并可能有进度条显示上传进度。 4. **WebServer**：此文件可能是服务器端的应用程序，接收并处理来自UpFile客户端的文件传输请求。它可能包含逻辑来接收...
c# Web网页实现进度条
11-07
c# Web网页实现进度条,把需要的代码填充即可
WEB应用程序中的进度条
烟鬼的烟炉
04-28 531
WEB应用程序中的进度条Julien Cheyssial 写作于2003/10/01Joise.LI翻译并修改于2004-4-2 写在前面：       原文是我在需要使用进度条时找到的一篇文章，讲解详细并附有实例。我在原文的基础上加上了自己的修改：增加了线程处理并且将进度条的使用放到了子线程中处理。这是我第一次翻译文章，敬请各位指正。原文见于http://www.myblog
制作简单的WEB加载进度条
beautifull001的博客
09-13 1008
由于项目需要自己用JS写了一个简单加载进度条，先看效果图： 实现代码： <form name=loading> <p align=center> <font color="#0066ff" size="2" face="Arial">正在打开，请稍等...</font><input type=text name=chart size=46 style="font-family:Arial; fo
一个基于ASP.NET+C#实现的Web上传进度条控件程序例子
09-29
一个基于ASP.NET+C#实现的Web上传进度条控件程序例子。
web版仿WIN10,VS进度条。
07-10
总的来说，"web版仿WIN10,VS进度条"是一个展示如何结合CSS和JavaScript技术来实现网页版进度条的实例，其设计灵感来源于Windows 10操作系统中的Visual Studio。通过理解和复用这样的代码，开发者可以提升他们的网页...
在C#窗体应用程序中载入Web页
10-30
接下来，我们将编写代码来加载Web页。双击窗体以生成窗体加载事件的默认处理函数`Form1_Load`。在该函数内，你可以使用`WebBrowser`控件的`Navigate`方法来指定要加载的URL。以下是一个简单的示例： ```csharp ...
C#图片上传效果实例分析
09-03
在这个实例中，我们将探讨如何使用C#和JavaScript结合实现一个简单的图片上传功能，包括上传预览和删除功能。 首先，从给出的部分代码中，我们可以看到这是一个ASP.NET Web Forms应用。`<%@ Page %>`指令定义了页面...
C# 显示网页时的进度条
07-18
C# 窗体进入网页时进度显示在状态条里的进度条里oolStripProgressBar.txt
实时web进度条
08-28
在处理长任务，大数据交互是，程序容易造成假死，用户也不知道程序在做什么，于是就需要一个进度条，但是网上进度条实例，效果都不佳，都不能实时更新进度条，比如伪进度条就只能是一张图片，还有的是事务处理完后，记录监控的时间，再完成进度条显示，这肯定是不可以的。还有一种是比较实用，但是把事务处理随着进度条一起处理，也就是进度条是从1%到100%，那么事务就处理一百次。于是结合网上实例，我写了下面的这个多线程进度条。 我写的这个进度条的特点是： 可以根据事务处理的时间，实时更新进度条，简单的说是：比如一个长任务，大数据交互大概要话4分钟的话，那么我们就可以把进度条从1%到100%，每跟进一步，就是40微秒，当然这是多线程的。一个线程处理进度条，主线程处理长任务，大数据交互部分，也就是说如果一个长任务，大数据交互大于4分钟，那么进度条先执行完，但是进度条线程会让自己全部执行完，才把cup交给主线程。如果正常情况一个长任务，大数据交互小于或等于，那么正好是我们要的效果。
6个非常经典Web前端使用的炫丽进度条（一）
08-18
在线效果：http://ynif.v099.10000net.cn/demo/jindu/1/jindu/index.html
C#进度条实现-真实进度
10-15
- 实现效果，点击按钮弹出进度条窗口，并开始执行任务，在进度条及文本标签中更新任务进度，关闭进度窗口时可终止任务 - 实现技术，多线程（主线程更新UI，子线程处理耗时任务），委托
Web加进度条
花开了，只是幻影
08-21 437
private void inits() { web.loadUrl(url); web.setWebViewClient(new WebViewClient() { @Override public boolean shouldOverrideUrlLoading(WebView view, WebResourceRequest reques...
javascript实现的web进度条
蚂蚁爬｜｜z8soft.com的专栏
12-05 1069
源代码如下，很容易读javascript>var myTime=0function counter(){ myTime++ per.innerHTML=  +myTime+% if (myTime  setTimeout(counter(),40);  else{  window.open(http://www.sina.com.cn,null,fullscreen=yes,c
C#多线程进度条设计
bei_yan的专栏
11-13 1396
在多线程的情况下，其它线程无法直接调用到主线程上的控件，只能通过代理来实现主线程上控件的调用。 1、定义委托 　　 // 执行任务的委托声明（解决长任务死假） 　　delegate void RunTaskDelegate(int seconds); 　　// 显示进度条的委托声明（跨线程调用控件） 　　delegate void ShowProgressDelegate(in
C#给循环执行程度添加进度条实时显示
m0_73342875的博客
05-28 1106
循环；进度条
C# 进度条使用
JosieBook
08-05 9422
C# 进度条的使用，Winform自定义使用进度条
C#分层执行SQL时显示进度条
最新发布
06-10
要在 C# 中使用分层架构执行 SQL 并显示进度条，可以使用 BackgroundWorker 控件和 DataReader 对象来实现。以下是一个示例代码，可以查询数据库中的数据并显示进度条： 首先，我们需要创建一个数据访问层（DAL），用于执行 SQL 查询和更新。在 DAL 中，我们可以使用 DataReader 对象来查询数据，并将查询结果返回给业务逻辑层（BLL）。 在业务逻辑层中，我们可以使用 BackgroundWorker 控件来执行 DAL 中的查询，并显示进度条。在查询过程中，我们可以使用 ReportProgress 方法更新进度条。 在界面层（UI）中，我们可以创建一个 BackgroundWorker 控件和一个 ProgressBar 控件。当用户单击查询按钮时，我们可以使用 BackgroundWorker 控件来执行查询，并在 ProgressBar 控件中显示进度条。 以下是一个示例代码，可以帮助你更好地理解这个过程： DAL 层： ```csharp public class DataAccess { public SqlDataReader ExecuteReader(string connectionString, string sql) { SqlConnection connection = new SqlConnection(connectionString); SqlCommand command = new SqlCommand(sql, connection); connection.Open(); return command.ExecuteReader(CommandBehavior.CloseConnection); } } ``` BLL 层： ```csharp public class BusinessLogic { private DataAccess dataAccess = new DataAccess(); public void QueryData(string connectionString, string sql, BackgroundWorker worker, DoWorkEventArgs e) { SqlDataReader reader = dataAccess.ExecuteReader(connectionString, sql); int count = 0; while (reader.Read()) { count++; } reader.Close(); reader = dataAccess.ExecuteReader(connectionString, sql); int i = 0; while (reader.Read()) { // 处理数据 i++; int progress = (int)((float)i / (float)count * 100); worker.ReportProgress(progress); if (worker.CancellationPending) { e.Cancel = true; break; } } reader.Close(); } } ``` UI 层： ```csharp public partial class Form1 : Form { private BusinessLogic businessLogic = new BusinessLogic(); private BackgroundWorker worker = new BackgroundWorker(); public Form1() { InitializeComponent(); worker.WorkerReportsProgress = true; worker.DoWork += new DoWorkEventHandler(worker_DoWork); worker.ProgressChanged += new ProgressChangedEventHandler(worker_ProgressChanged); worker.RunWorkerCompleted += new RunWorkerCompletedEventHandler(worker_RunWorkerCompleted); } private void button1_Click(object sender, EventArgs e) { worker.RunWorkerAsync(); } private void worker_DoWork(object sender, DoWorkEventArgs e) { string connectionString = "Data Source=yourServerAddress;Initial Catalog=yourDataBase;User ID=yourUsername;Password=yourPassword;"; string sql = "SELECT * FROM yourTable"; businessLogic.QueryData(connectionString, sql, worker, e); } private void worker_ProgressChanged(object sender, ProgressChangedEventArgs e) { progressBar1.Value = e.ProgressPercentage; label1.Text = string.Format("{0}%", e.ProgressPercentage); } private void worker_RunWorkerCompleted(object sender, RunWorkerCompletedEventArgs e) { if (e.Cancelled) { MessageBox.Show("查询已取消！"); } else { MessageBox.Show("查询已完成！"); } } } ``` 在这个示例代码中，我们首先创建了一个 DataAccess 类，用于执行 SQL 查询。在 BusinessLogic 类中，我们创建了一个 QueryData 方法，用于执行查询并更新进度条。在 UI 层中，我们创建了一个 BackgroundWorker 控件和一个 ProgressBar 控件。当用户单击查询按钮时，我们使用 BackgroundWorker 控件来执行查询，并在 ProgressBar 控件中显示进度条。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值