# ASP.NET MVC 显示进度条实现指南
## 简介
在ASP.NET MVC开发中,显示进度条可以提供用户友好的反馈,使用户了解任务的进展情况。本文将介绍如何在ASP.NET MVC中实现显示进度条的功能。首先,我们将给出整个实现的流程图,然后逐步讲解每个步骤需要做的事情,并提供相应的代码示例。
## 流程图
```mermaid
graph TB
A[用户请求处理]
B[执行耗时任务            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2023-08-11 10:46:31
                            
                                550阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            实现的是一个假的进度条,就是一直在转,不用的时候可以隐藏掉就行;
代码:
 <style type ="text/css">
        .loading{ border:1px solid #000000; width:200px; background:#ECF2FF; margin-right:auto; margin-left:auto; } 
        .load            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2021-08-25 16:44:15
                            
                                109阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            最近遇见一个需要上传百兆大文件的需求,调研了七牛和腾讯云的切片分段上传功能,因此在此整理前端大文件上传相关功能的实现。 在某些业务中,大文件上传是一个比较重要的交互场景,如上传入库比较大的Excel表格数据、上传影音文件等。如果文件体积比较大,或者网络条件不好时,上传的时间会比较长(要传输更多的报文            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2021-07-08 15:22:52
                            
                                198阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            在网上查阅了很多相关资料,参照对比一番后自己整理了一下,做了个小例子。能够实现根据后台数据加载的进度在前台动态更新进度条、进度条在页面居中显示、在进度条内显示百分比,完成进度后隐藏进度条。            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2009-11-24 17:28:00
                            
                                144阅读
                            
                                                                                    
                                2评论
                            
                                                 
                 
                
                             
         
            
            
            
            asp.net进度条控件,asp.net2.0进度条控件控件名称:ProgressBar
控件类型:ASP.NET2.0服务器控件
开 发 者:bingdian3721@gmail.com 
命名空间:AntarDev
类 名 称:ProgressBar
当前版本:0.2.2.1[2008-9-4]
说       明:未经本人许可,本程序只能用于学习            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2008-11-13 13:49:45
                            
                                4709阅读
                            
                                                                                    
                                1评论
                            
                                                 
                 
                
                             
         
            
            
            
            1. 进度条模板文件 ProgressBar.htm
 1 <html> 2 <head> 3 <title></title> 4 <script language="javascript"> 5 //设置进度条进度 6 function SetPorgressBar(msg, pos) 7 { 8     ProgressBar.sty            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2008-10-27 18:39:00
                            
                                60阅读
                            
                                                                                    
                                2评论
                            
                                                 
                 
                
                             
         
            
            
            
            由于加载时间比较长的ASP.NET页面,我们可以在客户端浏览器中显示进度条来显示页面正在装载。下面就是具体的实现过程:
1、新建项目,名字为WebPortal,在项目类型中选择Visual C#项目或者Visual Basic项目都可; 2、在模板类型中选择ASP.NET Web应用程序; 位置里输入:http://localhost/WebPortal; 添加新项:名字为ShowProgress            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2009-07-29 16:49:00
                            
                                104阅读
                            
                                                                                    
                                2评论
                            
                                                 
                 
                
                             
         
            
            
            
             
asp.net 实现进度条
 
建立一个WEB工程,添加新项->HTML页面,命名为ProgressBar.htm,内容如下:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/D            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                            精选
                                                        
                            2012-12-30 17:54:54
                            
                                904阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            转自:http://www.cnblogs.com/anjou/archive/2006/10/27/541741.html 1. 进度条模板文件 ProgressBar.htm 1 2 3 4 28 29 30 正在加载 31 32 33 34 35 2. Default.aspx.cs 1 protected void Page_Load(...            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2008-12-10 15:24:00
                            
                                29阅读
                            
                                                                                    
                                2评论
                            
                                                 
                 
                
                             
         
            
            
            
            对于web下的上传,实际上更多的时候不用上传太大东西,asp.net默认的上传组件足够用了,美中不足就是没有上传进度反映,所以现在要做的就是在asp.net默认的上传基础上加上进度反映。
关于web上传的原理,曾在以前有深入分析过《asp无组件上传进度条解决方案》《Asp无组件上传带进度条(续) 》,并有写过asp版的无组件上传进度条,在这里就不多赘述。相信很多人都看过思归发的《用ASP.NET上            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2007-11-08 20:56:00
                            
                                59阅读
                            
                                                                                    
                                2评论
                            
                                                 
                 
                
                             
         
            
            
            
            网上已经有很多Web进度条的例子,但是很多都是估算时间,不能正真反应任务的真实进度。我            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2015-06-14 17:16:00
                            
                                135阅读
                            
                                                                                    
                                2评论
                            
                                                 
                 
                
                             
         
            
            
            
            MVC表单
优点:学习成本低;操作方便无需额外代码;
缺点:外观一般;无法实时查看上传的效果;
中性:同步上传;            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2023-07-04 18:39:48
                            
                                114阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            这里需要注意,上传文件框的name应与action中的形式参数名保持一致 同时注意保持文件的路径是否存在            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2022-07-28 14:42:45
                            
                                122阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            要实现分片上传+进度条,总体思路如下:前端处理:由前端js负责将要上传的文件分片,且定义分片总数,当前分片,每分片大小等参数,然后循环调用后端接口(每上传一次分片,调用一次后端接口,也就是while循环,条件是当前处理的分片小于等于最大分片数)。后端接口:接收到前端传来的每一个分片文件(springmvc下可以用MultipartFile接收文件),以及接收前端传来的分片参数,利用RandomAc            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-07-02 07:33:25
                            
                                38阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            ASP.NET MVC概念:  ASP.NET MVC 是微软官方提供的MVC模式,说白了,ASP.NET MVC知识开发ASP.NET Web  应用程序的一个框架而已,而且其只是一个表示层框架,同时也是微软的第一个开源项目。  使用ASP.NET开发web应用程序方式  01.WebForm方式  02.Asp.Net MVC 方式  注意:WebForm方式和Asp.Net MVC方式是使用            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2023-09-01 23:05:03
                            
                                313阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            ASP.NET 之用AJAX设置进度条
源码:
 
.aspx
 
 
  1 <body>
 2     <form id="form1" runat="server">
 3   &nb            
                
                    
                        
                                                            
                                                                        
                                                                                        翻译
                                                                                            精选
                                                        
                            2012-06-05 11:00:59
                            
                                1175阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            一个投票功能模块少不了查看投票结果,用进度条显示各个投票结果可以起到一目了然的效果。以下是我的方法,请大家不吝赐教:   1:做一张图片用于做进度条,只需要很小的一个图片就可以了,如高20px,宽1px。   2:在要显示进度条的单元格中插入image控件,其imageUrl设置为已做好的图片的位置。   3:用一个dataReader对象dr保存取出的各项票数,用一个int 型变量sum保存取出的总票数,各项分别再定义一个double型变量用来保存单项票数除以(/)总票数的结果(小数),再定义一个int型的变量来保存最终要显示的进度条的长度(用前面那个double型变量*用来显示进度条的单元            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2007-03-24 13:31:00
                            
                                40阅读
                            
                                                                                    
                                2评论
                            
                                                 
                 
                
                             
         
            
            
            
            <%@LANGUAGE="VBSCRIPT" CODEPAGE="936"%><%Option Explicit%><%'================================================================''                                带进度条的ASP无组件断点续传下载''=======            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2021-08-10 11:00:32
                            
                                448阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            @{ ViewBag.Title = "多文件上传测试";}多文件上传测试 using System;using System.Collections.Generic;using System.IO;using System.Linq;using System.W...            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2022-03-17 14:48:47
                            
                                353阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            ASP.NET 是一个使用 HTML、CSS、JavaScript 和服务器脚本创建网页和网站的开发框架。ASP.NET 支持三种不同的开发模式:Web Pages(Web 页面)、MVC(Model View Controller 模型-视图-控制器)、Web Forms(Web 窗体)。本教程介绍 MVC。Web PagesMVCWeb FormsMVC 编程模式MVC 是三种 ASP.NET            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2023-09-15 17:38:08
                            
                                205阅读
                            
                                                                             
                 
                
                                
                    