yk-smart-ui-test/lib/theme-chalk/progress.css

A Component Library for Vue.js.

.yk-progress{position:relative;line-height:1}.yk-progress__text{font-size:14px;color:#2C2836;display:inline-block;vertical-align:middle;margin-left:10px;line-height:1}.yk-progress__text i{vertical-align:middle;display:block}.yk-progress--circle,.yk-progress--dashboard{display:inline-block}.yk-progress--circle .yk-progress__text,.yk-progress--dashboard .yk-progress__text{position:absolute;top:50%;left:0;width:100%;text-align:center;margin:0;-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%)}.yk-progress--circle .yk-progress__text i,.yk-progress--dashboard .yk-progress__text i{vertical-align:middle;display:inline-block}.yk-progress--without-text .yk-progress__text{display:none}.yk-progress--without-text .yk-progress-bar{padding-right:0;margin-right:0;display:block}.yk-progress--text-inside .yk-progress-bar{padding-right:0;margin-right:0}.yk-progress.is-finish .yk-progress-bar__inner{background:linear-gradient(270deg,#4CAF50 0,#7C6 100%)}.yk-progress.is-finish .yk-progress-bar__inner .finish{background-color:#4CAF50}.yk-progress.is-finish .yk-progress__text{color:#4CAF50}.yk-progress.is-basic .yk-progress-bar__inner{background:linear-gradient(270deg,#2E63FD 0,#5B9CFF 100%)}.yk-progress.is-basic .yk-progress-bar__inner .finish{background-color:#5B9CFF}.yk-progress.is-basic .yk-progress__text{color:#5B9CFF}.yk-progress.is-warning .yk-progress-bar__inner{background:linear-gradient(270deg,#DD425A 0,#E65D8F 100%)}.yk-progress.is-warning .yk-progress-bar__inner .finish{background-color:#DD425A}.yk-progress.is-warning .yk-progress__text{color:#DD425A}.yk-progress-bar{padding-right:50px;display:inline-block;vertical-align:middle;width:100%;margin-right:-55px;box-sizing:border-box}.yk-progress-bar__outer{height:6px;border-radius:100px;background-color:#EBEEF5;position:relative;vertical-align:middle}.yk-progress-bar__inner{position:absolute;left:0;top:0;height:100%;background-color:#2E63FD;text-align:right;border-radius:100px;line-height:1;white-space:nowrap;transition:width .6s ease}.yk-progress-bar__inner::after{display:inline-block;content:"";height:100%;vertical-align:middle}.yk-progress-bar__inner .finish{display:inline-block;padding:4px;border:1px solid #fff;background-color:#2E63FD;border-radius:50%;position:absolute;top:50%;right:0;-webkit-transform:translate(50%,-50%);-ms-transform:translate(50%,-50%);transform:translate(50%,-50%);box-shadow:0 2px 2px 0 rgba(44,40,54,.04),0 2px 4px 0 rgba(46,99,253,.2)}.yk-progress-bar__inner .finish i{color:#fff}.yk-progress-bar__innerText{display:inline-block;vertical-align:middle;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}}