wot-design/lib/theme-default/progress.css

Mobile UI components built on vue.js

@charset "UTF-8";.wd-progress{width:100%;height:3px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:9px 0 8px}.wd-progress__outer{display:block;-webkit-box-flex:1;-ms-flex:1;flex:1;position:relative;height:3px;border-radius:1.5px;background:#e5e5e5}.wd-progress__inner{display:block;position:absolute;top:0;left:0;height:100%;border-radius:1.5px;background:linear-gradient(315deg,#517cf0 0,#769ef5 100%);-webkit-transition:background .2s,width .3s;transition:background .2s,width .3s;font-size:18px}.wd-progress__inner.is-danger{background:linear-gradient(315deg,#e04350 0,#ff5964 100%)}.wd-progress__inner.is-success{background:linear-gradient(315deg,#20b080 0,#2bd69d 100%)}.wd-progress__label{width:30px;margin-left:9px;color:#333;font-size:14px}.wd-progress__icon{font-size:18px}.wd-progress__icon.is-danger{color:#fa4350}.wd-progress__icon.is-success{color:#34d19d}