deer-ui/es/progress/style.css

React.js UI components for PC Web

.text-center{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.deer-ui-progress,.text-center{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.deer-ui-progress{height:10px;position:relative;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.deer-ui-progress,.deer-ui-progress-enter{width:100%;border-radius:20px;overflow:hidden}.deer-ui-progress-enter{height:inherit;background:#fafafa}.deer-ui-progress-num{margin-left:10px;font-size:12px;color:rgba(0,0,0,.65)}.deer-ui-progress-bg{height:inherit;border-radius:20px;background-color:#31c27c;-webkit-transition:width .5s cubic-bezier(.165,.84,.44,1);transition:width .5s cubic-bezier(.165,.84,.44,1)}.deer-ui-progress-bg-animation{background-size:15px 15px;-webkit-animation:a 15s linear infinite;animation:a 15s linear infinite}.deer-ui-progress-default .deer-ui-progress-bg{background-color:#31c27c}.deer-ui-progress-default .deer-ui-progress-bg-animation{background:-webkit-repeating-linear-gradient(135deg,#fafafa 25%,#31c27c 0,#31c27c 50%,#fafafa 0,#fafafa 75%,#31c27c 0);background:repeating-linear-gradient(-45deg,#fafafa 25%,#31c27c 0,#31c27c 50%,#fafafa 0,#fafafa 75%,#31c27c 0);background-size:15px 15px}.deer-ui-progress-success .deer-ui-progress-bg{background-color:#35c613}.deer-ui-progress-success .deer-ui-progress-bg-animation{background:-webkit-repeating-linear-gradient(135deg,#fafafa 25%,#35c613 0,#35c613 50%,#fafafa 0,#fafafa 75%,#35c613 0);background:repeating-linear-gradient(-45deg,#fafafa 25%,#35c613 0,#35c613 50%,#fafafa 0,#fafafa 75%,#35c613 0);background-size:15px 15px}.deer-ui-progress-progress .deer-ui-progress-bg{background-color:#61affe}.deer-ui-progress-progress .deer-ui-progress-bg-animation{background:-webkit-repeating-linear-gradient(135deg,#fafafa 25%,#61affe 0,#61affe 50%,#fafafa 0,#fafafa 75%,#61affe 0);background:repeating-linear-gradient(-45deg,#fafafa 25%,#61affe 0,#61affe 50%,#fafafa 0,#fafafa 75%,#61affe 0);background-size:15px 15px}.deer-ui-progress-warning .deer-ui-progress-bg{background-color:#fca130}.deer-ui-progress-warning .deer-ui-progress-bg-animation{background:-webkit-repeating-linear-gradient(135deg,#fafafa 25%,#fca130 0,#fca130 50%,#fafafa 0,#fafafa 75%,#fca130 0);background:repeating-linear-gradient(-45deg,#fafafa 25%,#fca130 0,#fca130 50%,#fafafa 0,#fafafa 75%,#fca130 0);background-size:15px 15px}.deer-ui-progress-error .deer-ui-progress-bg{background-color:#f93e3e}.deer-ui-progress-error .deer-ui-progress-bg-animation{background:-webkit-repeating-linear-gradient(135deg,#fafafa 25%,#f93e3e 0,#f93e3e 50%,#fafafa 0,#fafafa 75%,#f93e3e 0);background:repeating-linear-gradient(-45deg,#fafafa 25%,#f93e3e 0,#f93e3e 50%,#fafafa 0,#fafafa 75%,#f93e3e 0);background-size:15px 15px}.deer-ui-progress-circle circle{-webkit-transition:stroke-dasharray .5s cubic-bezier(.165,.84,.44,1);transition:stroke-dasharray .5s cubic-bezier(.165,.84,.44,1);stroke-width:6px;fill:none;stroke-linecap:round;stroke-linejoin:round}.deer-ui-progress-circle-wrapper{position:relative;display:inline-block;overflow:hidden}.deer-ui-progress-circle-percent{position:absolute;left:50%;top:50%;-webkit-transform:translate3d(-50%,-50%,0);transform:translate3d(-50%,-50%,0);font-size:20px;z-index:1;color:rgba(0,0,0,.65)}.deer-ui-progress-circle-bg{stroke:#fafafa}.deer-ui-progress-circle-stroke-default{stroke:#31c27c}.deer-ui-progress-circle-stroke-error{stroke:#f93e3e}.deer-ui-progress-circle-stroke-warning{stroke:#fca130}.deer-ui-progress-circle-stroke-success{stroke:#35c613}.deer-ui-progress-circle-stroke-progress{stroke:#61affe}@-webkit-keyframes a{to{background-position:200%}}@keyframes a{to{background-position:200%}}