批量插入大数据时，怎么在页面旁边加个进度条来跟踪信息

批量插入大数据时，如何在页面旁边加个进度条来跟踪信息
批量生成有可能会过百万条，这时候为了让别人能在页面更清楚的看到导入的情况，需要在旁边加个类似下图的进度条跟踪


我批量导入是用的ajax的方式，怎么去实现图片这样的效果了。
求给个思路或者samle code 也行
------解决思路----------------------
方案一：导入的总量->ajax每次处理的数量->总量/每次处理的量 = 每次增长的百分比  注：单表数据上千万,上亿,可能会导致查询总量的时候会稍微慢。这种方式较为准确.
方案二：假设数据很大,当导入一部分数据时,进度条控制到某个点,然后再继续导入,在导入的时候进度条增长缓慢,怎么个涨幅自己控制,尽量涨幅小,当涨幅到某个点的时候再进行方案一。