类似这种效果的，有什么好的插件吗，或者自己写怎么写，要求能自适应。

element ui 里面就有的或者 http://www.jq22.com/jquery-in... 这里有个不知道可不可以

求一个进度条插件在手机端上的

这个亲手撸也不过十分钟吧?

<!DOCTYPE html>
<html>
    <head>
        <title>progress bar</title>
    </head>
    <body>
        <div class=progress-bar>
            <div class=item>
                <div class=cycle></div>
                <div class=text>提交</div>
            </div>
            <div class="active item">
                <div class=cycle></div>
                <div class=text>人力审核</div>
            </div>
            <div class=item>
                <div class=cycle></div>
                <div class=text>审核完成发放</div>
            </div>
        </div>
    </body>
</html>

body {
    background-color: white;
}

.progress-bar {
    display: flex;
    flex-direction: row;
}

.item {
    display: flex;
    width: 1%;
    flex-grow: 1;
    padding-top: 20px;
    justify-content: center;
    position: relative;
    padding-top: 20px;
}

.item:first-child,
.item:last-child {
    width: auto;
    flex-grow: 0;
    flex-shrink: 0;
}

.item > .cycle {
    z-index: 2;
    position: absolute;
    top: 5px;
    left: 50%;
    margin-left: -5px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: red;
}

.item.active > .cycle {
    top: 1px;
    margin-left: -9px;
    width: 18px;
    height: 18px;
}

.item:before, .item:after {
    z-index: 1;
    content: "";
    width: 50%;
    height: 6px;
    position: absolute;
    top: 7px;
    background-color: red;
}

.item:before {
    left: 0;
}

.item:after {
    left: 50%;
}

.item:first-child:before,
.item:last-child:after {
    display: none;
}

.item.active:after,
.item.active ~ .item:before,
.item.active ~ .item.after,
.item.active ~ .item > .cycle {
    background-color: #999;
}

在线demo: http://runjs.cn/code/dyhmavqe

求一个进度条插件在手机端上的

你尚未登录，登录后可以

js 如何将Key属性相同的放在同一个数组？

为什么在谷歌浏览器中 'a' == ['a'] 返回 true？

vue项目如何在初始化之前跳转外部页面？

js如何控制移动端overflow:scroll容器滑动的最大速度？

前端代码更新如何通知用户刷新页面？

纯css如何绘制一个无背景色有边框色，带有文字的倒等腰梯形？

css布局怎么保证右边一直在可视范围内？