JavaScript使用setInterval()实现真实进度条

 参考博客：前端实时更新后端处理进度_Yiyang的专栏-CSDN博客_前端实时获取后端数据

1.为什么要使用真实进度条

最近做到的一项业务数据量大，单次操作执行时间很长，所以需要前端看到真实进度条（根据前端上传的Excel表格处理其中的数据）

业务简述：将上传的一个Excel表格中的数据做一个导出，大概是10w条。

2.思路

前端会向后台发送两个请求，一个普通请求处理业务，一个定时请求每隔一定时间更新进度条。

相应的，后台需要两个方法和一个进度全局变量。方法一来完成业务逻辑，中间会多次改变进度全局变量；方法二获取进度全局变量的值并传给前端。

3.编码过程

我的项目前后端不分离，前端是jsp，后台是java。为了方便理解，我把代码尽量精简（像具体业务我就省略了）

3.1前端

1.先把上传文件、进度条等dom元素和一些简单的样式写好：

<style>
    #progress {
        width: 307px;
        border-style: solid;
        border-radius: 5px;
        margin: 10px auto 5px;
        display: none;
    }

    #progress_bar {
        width: 0%;
        background-color