jiku-ui/packages/theme-chalk/lib/progress.css

A Component Library for Vue.js.

.hn-progress{position:relative;line-height:1}.hn-progress__text{font-size:14px;color:#606266;display:inline-block;vertical-align:middle;margin-left:10px;line-height:1}.hn-progress__text i{vertical-align:middle;display:block}.hn-progress--circle,.hn-progress--dashboard{display:inline-block}.hn-progress--circle .hn-progress__text,.hn-progress--dashboard .hn-progress__text{position:absolute;top:50%;left:0;width:100%;text-align:center;margin:0;-webkit-transform:translate(0,-50%);transform:translate(0,-50%)}.hn-progress--circle .hn-progress__text i,.hn-progress--dashboard .hn-progress__text i{vertical-align:middle;display:inline-block}.hn-progress--without-text .hn-progress__text{display:none}.hn-progress--without-text .hn-progress-bar{padding-right:0;margin-right:0;display:block}.hn-progress-bar,.hn-progress-bar__inner::after,.hn-progress-bar__innerText{display:inline-block;vertical-align:middle}.hn-progress--text-inside .hn-progress-bar{padding-right:0;margin-right:0}.hn-progress.is-success .hn-progress-bar__inner{background-color:#67C23A}.hn-progress.is-success .hn-progress__text{color:#67C23A}.hn-progress.is-warning .hn-progress-bar__inner{background-color:#F5A623}.hn-progress.is-warning .hn-progress__text{color:#F5A623}.hn-progress.is-exception .hn-progress-bar__inner{background-color:#F56C6C}.hn-progress.is-exception .hn-progress__text{color:#F56C6C}.hn-progress-bar{padding-right:50px;width:100%;margin-right:-55px;-webkit-box-sizing:border-box;box-sizing:border-box}.hn-progress-bar__outer{height:6px;border-radius:100px;background-color:#EBEEF5;overflow:hidden;position:relative;vertical-align:middle}.hn-progress-bar__inner{position:absolute;left:0;top:0;height:100%;background-color:#409EFF;text-align:right;border-radius:100px;line-height:1;white-space:nowrap;-webkit-transition:width .6s ease;transition:width .6s ease}.hn-progress-bar__inner::after{content:"";height:100%}.hn-progress-bar__innerText{color:#FFF;font-size:12px;margin:0 5px}@-webkit-keyframes progress{0%{background-position:0 0}100%{background-position:32px 0}}@keyframes progress{0%{background-position:0 0}100%{background-position:32px 0}}