利用jquery和bootstarp做一个好看的进度条

安装软件有进度条指示我们安装了多少了。上传文件也能告诉我们上传了多少了,那么如果后台有一个非常耗时的操作,能不能有这么一个进度条来告知我进行了多少了呢?答案是肯定的,点击查看demo

我的做法是: 后端提供一个借口,告知我完成了多少,至于到底完成了多少,这个可以在大任务运行的时候,写入日志,或者是写入数据,或者是写入交换文件,总之,能让你读到的地方,然后将这个值由后台传到前台ajax请求的地方,再更新进度条。

具体的代码如下:


    
    
  测试一个好玩的东西,用jquery和bootstarp实现一个后台更新进度条  
     
     
  
 
 使用的是js的setInterval,他可以按照指定的间隔去执行一个函数,这里执行的函数则是一个ajax的请求。在执行这个周期函数前,可以通过一条ajax的请求,触发大任务的执行。 后端我通过一个将a++值写入文件的方式增加数值。
100) {
    $a = 0;
}
echo $a; 
$a++;
file_put_contents("./data",$a);

 

从而实现了进度条不断滚动的功能。是不是很有趣呢?你也可以试试,并应用到自己的系统中去。



作者: 龙安_任天兵

不忘初心,方得始终!