`

任务提交实时进度条

 
阅读更多

/******************/

//进度条基础长度

var v=0;

var process=0;

 

//根据数值 ,涂进度条的长度

function setSB(v, el) {

    var ie5 = (document.all && document.getElementsByTagName);

    if (ie5 || document.readyState == "complete")     {

      filterEl = el.children[0];

      filterEl.style.width = v + "%";

  document.getElementById("sbone").innerHTML=v + "%";

    }

}

 

//循环 20s 执行 setSB

function fakeProgress() {

if ( v <= process){

    setSB(v, sb);

    window.setTimeout("fakeProgress(" + (++v) + ")", 20);

  }

}

//循环 ajax 往后台获取任务提交的进度

function loop(){

//ajax后台获取任务进度

$.ajax({ type: "POST", url: "*action",

success: function(process) {

window.setTimeout("error("+process+")",200);

}

});

}

 

// 循环 获取任务进度,刷新进度条,直到任务全部提交完成

function di(){

  if(process <100){

  loop();

window.setTimeout("di()",150);

  }else{

window.setTimeout("success()",1500);

  }

}

/*****************/

 

 

java:   线程提交任务

 

public class Line implements Runnable {

private int i=0;

public void run() { 

int i=0;

                while(i<100){

                    i++;

                   Thread.sleep(100

                 }

 

}

 

/**

* 返回任务 执行的 百分比

* @return

*/

public String getResult(){

 

   return i;

}

}

 

public String aa(){

// action中获取当前提交任务的数

   li = outWaitingImpl.commitAllTask(userId, queryParam);

  //返回 任务执行的 百分比

   tools.ajaxResult(li.getResult());

}

 

}

分享到:
评论

相关推荐

    正在提交的进度条图片或者文件上传的进度图片

    "正在提交的进度条图片或者文件上传的进度图片"是UI设计中的一个重要元素,它提供了视觉反馈,让用户知道后台正在进行的操作,如数据表单提交或大文件上传。这种动态图像通常表现为一个转动的小圈圈或者进度条,让...

    SpringBoot如何实现一个实时更新的进度条的示例代码

    在上面的代码中,我们使用 JavaScript 来实现定时任务,实时获取 Redis 中的进度信息,并更新进度条的进度信息。 后端代码: ```java @RestController public class RiskController { @PostMapping("/risk/bulk*...

    html5表单提交按钮圆形进度条加载动画

    通过巧妙地应用这些技术,可以将提交按钮和进度条设计得既美观又富有动态感。 在JavaScript部分,我们可以监听表单的`submit`事件。当用户点击提交按钮时,阻止默认的表单提交行为,然后启动加载动画。这通常通过`...

    Android 多线程下载+UI进度条刷新

    在Android开发中,多线程下载以及UI进度条的实时刷新是常见的需求,尤其是在处理大文件下载时。本文将深入探讨如何实现这个功能,并参考了链接`http://blog.csdn.net/sky286753213/article/details/11770299`中的...

    java做的一个带进度条的文件上传小项目

    在Java编程领域,文件上传是一项常见的任务,尤其在开发Web应用程序时。本项目是一个使用Java实现的带有进度条和取消功能的文件上传示例,它利用了Apache的Commons FileUpload库来处理文件上传的过程。Commons ...

    jQuery填写表单分步步骤进度条样式代码

    进度条是一种可视化元素,用于表示任务或过程的完成状态。在分步表单中,进度条可以帮助用户跟踪他们所处的阶段,并提供一种直观的方式来理解整个过程的结构。 要创建这样的功能,我们首先需要在HTML中定义表单结构...

    一些好看的进度条图片(很多)

    进度条是一种常见的用户界面元素,它在系统执行长时间操作时,如文件上传、下载或数据处理,向用户展示任务的当前状态和预计完成时间。这种反馈机制能够帮助用户理解系统的工作进程,减少他们因不确定等待时间而产生...

    遮罩进度条

    进度条应该动态更新,展示任务的实时进度。 3. **文案提示**:为了增加可理解性,遮罩层下方可以添加简短的文字说明,例如“加载中...”或“正在处理,请稍候”。 4. **动画效果**:为了提升用户体验,可以加入...

    带数字的进度条

    这种组件在各种应用程序和界面设计中非常常见,比如下载进度、加载状态、任务完成度等场景。它能为用户提供更明确的反馈信息,增强用户体验。 在描述中提到的“GitHub上的开源项目,风格很简洁”,这暗示了这个项目...

    jquery ajax上传 带进度条

    总结来说,"jquery ajax上传 带进度条"涉及到使用jQuery和Uploadify插件实现文件上传功能,并通过AJAX实时更新上传进度条,从而提供一个友好的用户界面。服务器端的处理同样重要,需要接收文件并给予适当的响应。...

    ajax实现加载进度条

    "Ajax实现加载进度条"这一技术就是为了改善这种体验,通过实时展示加载进度,让用户了解后台处理的状态,提高交互的友好性。jQuery作为一个流行的JavaScript库,提供了丰富的API和插件来简化这一步骤。 Ajax...

    JSP源码,图片上传,进度条,JSP图片上传实例

    客户端可以通过监听文件读取事件,实时更新进度条状态。服务器端则需要在处理文件上传时返回适当的进度信息。在这个实例中,可能的做法是使用AJAX异步上传,通过回调函数更新前端的进度条组件。 具体实现时,JSP...

    Go-progressbar一个用于Golang应用非常简单的线程安全进度条

    这样,即使在多线程环境下,进度条也能准确地反映出任务的实时状态。 总的来说,Go-progressbar是Golang开发者在构建命令行应用时,用来提高用户体验,尤其是处理长时间运行任务时的必备工具。它的线程安全特性使得...

    c#winform进度条

    最后,要注意的是,虽然进度条可以提供用户体验的提升,但不总是能精确地反映出任务的进度,尤其是当任务的时间消耗不可预测时。在这种情况下,可以使用估算的进度或者使用“忙碌”指示器来代替。 总的来说,C# ...

    非常实用的jquery进度条

    jQuery进度条插件是一种在网页中显示数据加载或任务完成进度的交互元素,它通过图形化的方式呈现数据,使得用户能够直观地了解操作的状态。在本案例中,“非常实用的jquery进度条”提供了用户友好的界面,允许用户...

    ssm文件上传,带进度条

    通过Ajax请求,将服务器返回的上传进度信息实时更新到进度条上。 6. **暂停和继续功能** 虽然当前的描述提到该功能暂未实现,但实现这一功能需要在服务器端维护一个上传任务队列,记录每个文件上传的状态。前端...

    ASP.NET 带进度条上传 DEMO

    在ASP.NET中处理文件上传是一项常见的任务,尤其是在需要用户提交大文件时,如照片、视频或其他大型文档。"ASP.NET 带进度条上传 DEMO"是一个实例,演示了如何在ASP.NET环境中实现在上传大文件时显示进度条,为用户...

    进度条

    在iOS开发中,进度条(Progress Bar)是一种常见的UI组件,用于显示任务的完成状态,如数据下载、视频加载等。"lightdesign-LDProgressView-a55835f"是一个开源项目,由开发者LightDesign创建,它提供了一种自定义的...

    【ASP.NET编程知识】Asp.net基于ajax和jquery-ui实现进度条.docx

    进度条是指在服务器端执行任务时,客户端实时显示任务的进度情况,以增强用户体验。 一、前台实现 在前台,我们使用HTML、JavaScript和jQuery-UI来实现进度条的显示。首先,我们需要在HTML页面中添加一个按钮,...

    jquery progress bar进度条插件,投票进度条系统

    jQuery ProgressBar插件则是jQuery库的一个扩展,专门用于创建动态、可视化的进度条,常用于显示任务完成度、加载状态或者投票过程等。在本案例中,我们讨论的主题是“jquery progress bar进度条插件,投票进度条...

Global site tag (gtag.js) - Google Analytics