asp.net 进度条实现。。

最新推荐文章于 2024-08-02 06:15:47 发布
最新推荐文章于 2024-08-02 06:15:47 发布
阅读量55 收藏
点赞数
文章标签： xhtml javascript ViewUI
原文链接：http://www.cnblogs.com/smile-wei/archive/2012/12/04/2801473.html
版权

实现的是一个假的进度条，就是一直在转，不用的时候可以隐藏掉就行；

代码：

 <style type ="text/css">
        .loading{ border:1px solid #000000; width:200px; background:#ECF2FF; margin-right:auto; margin-left:auto; } 
        .loading div{ float:left; font-size:1px; border:1px solid #ECF2FF; background:#6699CC; width:10px; height:12px; } 
    </style>


<div id="load" runat="server" >
            <table>
                <tr id="trLoad">
                    <td nowrap align="center" style="color: Red; font-size: 12px; color: red" colspan="2">
                        正在上传文件中，请稍候……
                        <br />
                        <marquee class="loading" direction="right" scrollamount="5" scrolldelay="10">
                       <div></div><div></div><div></div><div></div><div></div><div></div></marquee>
                    </td>
                </tr>
            </table>
        </div>

图片效果：

应用： 导入成功后滚动条会自动隐藏

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
     <style type ="text/css">
        .loading{ border:1px solid #000000; width:200px; background:#ECF2FF; margin-right:auto; margin-left:auto; } 
        .loading div{ float:left; font-size:1px; border:1px solid #ECF2FF; background:#6699CC; width:10px; height:12px; } 
    </style>
    <script type="text/javascript">
        function isimport() {
            if (confirm("如存在重复数据，系统将会覆盖原数据，是否确定导入？")) {
                document.getElementById("load").style.display = "block";
                return true;
            }
            else {
                return false;
            }
        }
      
    </script>
  
   
</head>
<body>
   <form id="form1" runat="server">
    
    <asp:FileUpload ID="GetUploadFileContent" runat="server"  />
    <asp:Button ID="btnUpload" runat="server" Text="导入" OnClick="btnUpload_Click" OnClientClick=" return isimport()"></asp:Button>
      <div id="load" runat="server" style=" display:none;" >
            <table>
                <tr id="trLoad">
                    <td nowrap align="center" style="color: Red; font-size: 12px; color: red" colspan="2">
                        数据正在导入中，请稍候……
                        <br />
                        <marquee class="loading" direction="right" scrollamount="5" scrolldelay="10">
                       <div></div><div></div><div></div><div></div><div></div><div></div></marquee>
                    </td>
                </tr>
            </table>
        </div>
        
  <div></div>
  <div>
   <asp:TextBox runat="server" ID="ee" TextMode="MultiLine" Width="600px" Height="500px" BorderStyle="None"></asp:TextBox>
  </div>

    </form>
</body>
</html>

 

转载于:https://www.cnblogs.com/smile-wei/archive/2012/12/04/2801473.html

weixin_34006468
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
asp.net实现进度条
11-14
本人亲自整理，测试成功，无多余代码，简单易懂。
Asp.net实现进度条完整功能(附源码)
11-29
现实进度条颜色移动百分比展现，分享给需要用到的朋友
asp.net进度条的实现（附demo）
aicuid299858的博客
04-24 209
上一篇只是备份了下代码，这次是可以独立运行的demo。demo模拟的是发送多封邮件过程中进度条的显示。其中图片设计的不太规范，所以js控制进度条移动的代码有点乱，这个大家可以替换成自己的，这里只是演示作用。进度条动态增长的原理是：一个中间扣空的酒瓶子图片，这个图片下面放另外一张图片，移动下层图片以实现进度条增长效果。 usingSystem;usingSystem.Collecti...
ASP.NET实现进度条效果
10-19
总结来说，实现ASP.NET进度条效果涉及到前端JavaScript的控制逻辑和后端C#的业务处理。前端负责展示和更新进度条，而服务器端则处理实际的任务和进度更新。通过结合这两部分，可以创建一个实时反馈用户任务进度的...
ASP.NET进度条控件 AntarDev ProgressBar v1.0
03-17
内容索引:.NET源码,控件组件,进度条　的网页进度条控件，包含有开发源代码，你可以设置进度条的样式，有横向和竖向两种样式，可以设置进度条文字在进度条的内部或外部，以及文本的对齐方式，感觉挺方便，而且它结合...
asp.net 各种进度条
09-25
在【标题】"asp.net 各种进度条"中，我们关注的是在ASP.NET环境中实现进度条功能的各种方法。进度条是用户界面中一个重要的元素，它可以向用户展示任务的执行进度，提高用户体验。 在【描述】中提到的"asp.net 各种...
asp.net 实现进度条（已经验证）
weixin_33834910的博客
12-30 179
asp.net 实现进度条 建立一个WEB工程，添加新项->HTML页面，命名为ProgressBar.htm，内容如下： <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-tran...
asp.net 实现进度条 用来显示加载进度或程序处理进度
diehe5608的博客
11-09 635
private void Page_Load(object sender, System.EventArgs e) { beginProgress(); for (int i = 1; i <= 100; i++) { setProgress(i); //此处用线...
简单实现asp.net进度条
热门推荐
志超的专栏
07-17 1万+
程序中为了让更直观的反映命令执行的进度，考虑使用进度条，但是asp.net中没有专门的进度条控件，在网上搜了一下，实现方法都很复杂，就自己动手做了一个，实现起来其实也很简单。效果如图：前台代码 用两层DIV，分别表示进度条总的外框和当前进度，通过不断调整“processbar”的
asp/ajax实现进度条方案
大头爸爸的博客
09-02 5642
由asp生成静态页面html的时候，如果内容较多，采用进度条的方式显示当前进度是一个很好的办法。当然，进度条的应用，一般是耗时较长的操作，如果不采用进度条显示当前状态，不管是对于前台应用的客户还是对于管理员在后台的应用来说，总是让人不太舒服的事情。      记得我在04年将租房网程序改版时，主要的目的就是将房源信息的动态页面生成纯静态HTML页面。当时是通过Form表单提交当前页面，通过参数值
XHTML 简介
最新发布
wjs2024的博客
08-02 418
XHTML，即“可扩展超文本标记语言”（eXtensible HyperText Markup Language），是一种基于XML的标记语言，旨在取代HTML作为网页内容的标准格式。XHTML继承了HTML的许多特性，但更加严格和规范，要求文档结构更加严谨，标签和属性必须正确嵌套和闭合。这种严格性使得XHTML文档更加易于解析，也更适合在不同的设备和平台上展示。
asp.net jquery 进度条上传
05-14
ASP.NET jQuery进度条上传是一种常见的网页上传文件功能。通过前端jQuery插件和后端ASP.NET技术，实现了文件上传过程中的进度条展示，提高了用户体验和操作效率。具体实现方式如下： 1. 前端实现 使用jQuery的ajaxForm插件，结合jQueryUI的progressbar插件，进行文件上传进度条的展示。在HTML页面上添加上传表单和进度条，通过ajaxForm设置表单提交事件，实现文件上传过程中进度条的实时更新。代码如下： ``` <form id="uploadForm" enctype="multipart/form-data" method="post" action="UploadFile.ashx"> <input type="file" name="fileUpload" /> <input type="submit" value="上传" /> </form> <div id="progressBar"></div> ``` ``` $("#uploadForm").ajaxForm({ beforeSend: function() { $("#progressBar").progressbar({ value: 0 }); }, uploadProgress: function(event, position, total, percentComplete) { $("#progressBar").progressbar({ value: percentComplete }); }, success: function() { $("#progressBar").progressbar({ value: 100 }); alert("上传成功！"); }, error: function() { alert("上传失败！"); } }); ``` 2. 后端实现 在ASP.NET中，通过HttpHandler实现文件上传处理，从request对象中获取上传的文件信息，根据文件大小和上传进度，实时更新进度条的值。代码如下： ``` <%@ WebHandler Language="C#" Class="UploadFile" %> using System; using System.Web; public class UploadFile : IHttpHandler { public void ProcessRequest (HttpContext context) { context.Response.ContentType = "text/plain"; HttpPostedFile file = context.Request.Files["fileUpload"]; int fileSize = file.ContentLength; int bytesRead = 0; byte[] buffer = new byte[8192]; using (System.IO.Stream stream = file.InputStream) using (System.IO.BinaryReader reader = new System.IO.BinaryReader(stream)) using (System.IO.MemoryStream ms = new System.IO.MemoryStream()) { double percentComplete = 0; int totalRead = 0; while ((bytesRead = reader.Read(buffer, 0, buffer.Length)) > 0) { ms.Write(buffer, 0, bytesRead); totalRead += bytesRead; percentComplete = (double)totalRead / fileSize * 100; context.Response.Write(percentComplete.ToString()); } } } public bool IsReusable { get { return false; } } } ``` 综上，ASP.NET jQuery进度条上传，通过前后端技术的组合应用，在网页上传过程中有效展示文件上传进度和结果，提升了用户的体验感和操作效率。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值