bootstrap 图片横向滚动条_利用jquery和BootStrap实现动态滚动条效果

在某项目中遇到excel导入时客户要求显示滚动条效果，在此基础上使用js为其封装了个进度条类，只需要简单为其创建个div容器就可轻松实现效果，类具体如下：

Bootstrap 101 Template

refresh

finish

remove

var progressBar = null;

function refreshPro() {

var con = $("#contain");

progressBar = new ProgressBar();

progressBar.setContainer(con);

progressBar.showProcessBar();

}

function finish() {

progressBar.finishProcessBar();

}

function remove() {

progressBar.destroyProcessBar();

}

//如果在规定时间内都没有完成进度条,则停留在90%地方,一旦完成立刻到100%

//写在ajax请求执行开始处进行创建,执行完成后执行完成进度条进度为100%

//定义进度条类

//提供构建/展示/销毁等工作

//container为要包含进入条展示容器

function ProgressBar($container) {

var self = this;

var container;

if($container != null) {

container =