`
mmk12333
  • 浏览: 35326 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

web 进度条

阅读更多

<table id="load" width="700" border="0" align="center" bgcolor="#FAFAFA" cellpadding="0" cellspacing="0" bordercolor="#000000" style="border-collapse:collapse;display:none ">
      <tr>
        <td><br><br>
        <table width="100%" border="1" cellspacing="0" cellpadding="0" bordercolor="#287BCE" style="border-collapse:collapse ">
            <tr bgcolor="#F7F7F6">
              <td width="20%" height="100" valign="middle">
                <table align='center' width='500'>
                  <tr>
                   <td colspan='2' align='center' ><font size="2">
                    正在进行保存,用时较长,请稍后...
                    </font>
                   </td>
                  </tr>
                  <tr>
                    <td id='tdOne' height='25' width=1 bgcolor="blue">&nbsp;</td>
                    <td id='tdTwo' height='25' width=500 bgColor='#999999'>&nbsp;</td>
                  </tr>
                </table>
              </td>
            </tr>
        </table>
        </td>
      </tr>
    </table>
   
   
js:
    var len = 500 ;
    var add = 0 ;
    function openContenFrame(){
        var td1 = document.getElementById('tdOne') ;
        var td2 = document.getElementById('tdTwo') ;
        add = add+10 ;
        td1.width = add ;
        if(len - add <= 0){
           td2.width = 1 ;
        }else{
           td2.width = len - add ;
        }
        if(add<=len) {
           ;
        }else{
           td1.width = 1 ;
           td2.width = 500 ;
           add = 0 ;
        }
        setTimeout('openContenFrame()',100) ;
    }
    function loading(){
        document.getElementById("load").style.display="";
        document.getElementById("opperate").style.display="none";
        openContenFrame();
    }

在submit()的方法后调用loading()

分享到:
评论

相关推荐

    含有百分比的Web进度条

    "含有百分比的Web进度条"是一个实现这一功能的技术示例,它结合了JavaScript (Js) 和 CSS (Cascading Style Sheets) 技术,以动态地更新和展示任务的完成状态。在本文中,我们将深入探讨如何使用这两种技术来创建一...

    很好用的web 进度条控件

    标题提到的“很好用的web进度条控件”可能是指一个专门用于ASP.NET平台的进度条组件,它可能提供了丰富的功能和良好的性能。 ASP.NET进度条控件通常具备以下特性: 1. **实时更新**:进度条控件能够实时反映后台...

    Web进度条

    Web进度条是网页UI设计中的一个重要元素,它用于向用户展示某个操作的进度,比如文件上传、数据加载或计算过程。在.NET框架下,开发人员可以利用多种技术来实现Web进度条,为用户提供更好的交互体验。 一、ASP.NET ...

    WEB进度条代码,B/S进度条代码

    ### Web进度条概述 Web进度条在网站开发中非常常见,主要用于指示用户文件上传、数据处理等操作的完成程度。它能够提升用户体验,让用户更加直观地了解当前操作的状态。从给定文件来看,这里的进度条是基于纯HTML与...

    实用的Web进度条

    本教程将深入探讨如何在ASP.NET中创建并应用"实用的Web进度条"。 首先,我们需要理解ASP.NET的核心概念。ASP.NET是由Microsoft开发的一种服务器端编程模型,用于构建动态、交互式的Web应用程序。它提供了丰富的控件...

    WEB进度条、滚动条、让你字体内容炫起来

    在网页设计中,用户体验往往起到决定性的作用,而WEB进度条和滚动条是提升用户体验的重要元素。它们不仅可以提供视觉反馈,还可以使用户更好地理解和掌控页面加载状态和浏览内容。此外,创新的字体动画则能让文字...

    jsp中使用ajax实现web进度条

    "jsp中使用ajax实现web进度条"这个主题就是关于如何在Java Server Pages (JSP)中利用Asynchronous JavaScript and XML (AJAX)技术来创建一个动态显示文件上传进度的组件。下面将详细介绍这一过程中的关键知识点。 1...

    实时web进度条

    在处理长任务,大数据交互是,程序容易造成假死,用户也不知道程序在做什么,于是就需要一个进度条,但是网上进度条实例,效果都不佳,都不能实时更新进度条,比如伪进度条就只能是一张图片,还有的是事务处理完后,...

    web进度条

    web进度条,ajax

    WEB进度条以及程序下载

    在本主题中,我们将深入探讨如何使用C#来实现一个WEB进度条功能,并结合生成Excel文件的场景,讨论如何确保进度计算的精确性。 1. **进度条原理**: 进度条通常由JavaScript在前端实现,通过Ajax异步请求获取...

    c# Web网页实现进度条

    在C# Web开发中,实现一个网页进度条通常涉及到客户端与服务器端的交互,用于向用户展示后台处理任务的进度。这种功能在大数据传输、文件上传或长时间运行的任务中非常常见,可以提供更好的用户体验。本教程将详细...

    14种WEB常见进度条

    "14种WEB常见进度条"这个主题涵盖了多种样式和功能的进度条实现,这些进度条的设计旨在既美观又实用。下面我们将深入探讨这14种进度条的设计特点、实现方式以及在不同场景中的应用。 1. **基础进度条**:这是最常见...

    web中用颜色做的进度条

    在Web开发中,进度条是一种常见的用户界面元素,用于显示任务的完成状态或者加载过程的进度。本示例“web中用颜色做的进度条”是一个简单的DEMO,它利用了HTML、CSS和可能的JavaScript技术来创建一个具有视觉吸引力...

    .net 进度条WEB

    在.NET框架中,创建一个Web进度条是一种常见的需求,它能够为用户展示后台处理任务的进度,提升用户体验。本文将详细讲解如何利用.NET技术,尤其是C#语言和ASP.NET,来实现一个静态的Web进度条,并且利用Graphics类...

    c# 进度条

    本知识点主要围绕使用C#编写Web进度条这一主题进行展开。 #### 二、描述:C# 进度条,一个用C#编写的Web进度条 该描述表明,这是一个基于C#的Web进度条实现案例。通过分析提供的代码片段,可以发现它是通过向...

    超炫的WEB端进度条实现.zip

    在现代Web开发中,进度条是一种常见的用户界面元素,它能够提供给用户关于任务执行状态的实时反馈。这个名为"超炫的WEB端进度条实现.zip"的压缩包包含了一个开源项目,专注于使用CSS3和JavaScript来创建动态、美观的...

    一个基于ASP.NET+C#实现的Web上传进度条控件程序例子

    "一个基于ASP.NET+C#实现的Web上传进度条控件程序例子"就是为了满足这一需求而设计的。它允许用户在上传文件过程中看到实时的进度,提升用户体验并减少用户的焦虑感。 首先,我们要理解什么是“进度条控件”。在UI...

    9款极具创意的HTML5&CSS3进度条动画

    CSS3则可以通过动画、过渡和伪类来增强进度条的视觉效果,如改变颜色、宽度、透明度等。 2. **渐变背景** CSS3的线性渐变和径向渐变可以用来创建丰富多彩的进度条背景。通过调整渐变角度、颜色停止点,甚至添加多...

    web开发不错的进度条效果

    在Web开发中,进度条效果是一种常见的用户界面元素,它能够直观地展示任务或数据加载的进度,增强用户体验。在给定的标题“web开发不错的进度条效果”中,我们可以推测这是一个关于创建美观且实用的进度条效果的技术...

    webApi、MVC、ajax分段上传文件带进度条

    本文将详细讲解如何利用WebAPI、MVC框架和AJAX技术实现大文件的分段上传,并结合进度条展示上传进度,以提供用户友好的交互体验。 一、WebAPI基础 WebAPI是微软ASP.NET框架的一部分,用于构建RESTful服务。它提供了...

Global site tag (gtag.js) - Google Analytics