Warning: file_get_contents(/data/phpspider/zhask/data//catemap/8/redis/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Java 在显示数据库记录的应用程序中显示进度条_Java_Html_Css_Jsp_Jdbc - Fatal编程技术网

Java 在显示数据库记录的应用程序中显示进度条

Java 在显示数据库记录的应用程序中显示进度条,java,html,css,jsp,jdbc,Java,Html,Css,Jsp,Jdbc,我有一个应用程序,我接受一个数字作为输入,然后用它在另一个页面上显示结果。输入编号用于通过连续的jdbc查询从oracle数据库中命中多个表,加载结果页面需要花费大量时间(1-2分钟) 我保证在获取大量备忘录记录时需要时间,但是我需要一个进度条,它通过链接到没有完成的jdbc查询来表示进度,或者可能是一个简单的通用加载屏幕,直到结果页面加载为止首先应该创建DOM元素。我们只需要两个div元素,一个在另一个中。第一个是进度条夹,你可以随时把它放在你的页面上。另一个是进度条指示器。大概是这样的:

我有一个应用程序,我接受一个数字作为输入,然后用它在另一个页面上显示结果。输入编号用于通过连续的jdbc查询从oracle数据库中命中多个表,加载结果页面需要花费大量时间(1-2分钟)


我保证在获取大量备忘录记录时需要时间,但是我需要一个进度条,它通过链接到没有完成的jdbc查询来表示进度,或者可能是一个简单的通用加载屏幕,直到结果页面加载为止

首先应该创建DOM元素。我们只需要两个div元素,一个在另一个中。第一个是进度条夹,你可以随时把它放在你的页面上。另一个是进度条指示器。大概是这样的:

  <div id="progressBar"><div></div></div>
最后,我们需要一个包含4行代码的函数。这是一个接受两个参数的简单函数

   function progress(percent, $element) {
   var progressBarWidth = percent * $element.width() / 100;
   $element.find('div').animate({ width: progressBarWidth }, 500).html(percent+           "%&nbsp;");
}

第一个参数是进度条应该显示的百分比,另一个是进度条持有者的jQuery对象。如果我们想将进度条设置为80%,我们需要做的就是:

progress(80, $('#progressBar'));
当然,在所有这些之前,我们需要在页面中包含jQuery库

这个简单的进度条可以很容易地用CSS设置样式。我已经创建了一些可以从GitHub下载的皮肤。请随意创建您自己的皮肤,并向我发送拉请求

progress(80, $('#progressBar'));