/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */ /* stylelint-disable no-duplicate-selectors */ /* stylelint-disable */ /* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */ .ant-progress { box-sizing: border-box; margin: 0; padding: 0; color: rgba(0, 0, 0, 0.65); font-size: 14px; font-variant: tabular-nums; line-height: 1.5; list-style: none; font-feature-settings: 'tnum'; display: inline-block; } .ant-progress-line { position: relative; width: 100%; font-size: 14px; } .ant-progress-small.ant-progress-line, .ant-progress-small.ant-progress-line .ant-progress-text .anticon { font-size: 12px; } .ant-progress-outer { display: inline-block; width: 100%; margin-right: 0; padding-right: 0; } .ant-progress-show-info .ant-progress-outer { margin-right: calc(-2em - 8px); padding-right: calc(2em + 8px); } .ant-progress-inner { position: relative; display: inline-block; width: 100%; overflow: hidden; vertical-align: middle; background-color: #f5f5f5; border-radius: 100px; } .ant-progress-circle-trail { stroke: #f5f5f5; } .ant-progress-circle-path { -webkit-animation: ant-progress-appear 0.3s; animation: ant-progress-appear 0.3s; } .ant-progress-inner:not(.ant-progress-circle-gradient) .ant-progress-circle-path { stroke: #1890ff; } .ant-progress-success-bg, .ant-progress-bg { position: relative; background-color: #1890ff; border-radius: 100px; transition: all 0.4s cubic-bezier(0.08, 0.82, 0.17, 1) 0s; } .ant-progress-success-bg { position: absolute; top: 0; left: 0; background-color: #52c41a; } .ant-progress-text { display: inline-block; width: 2em; margin-left: 8px; color: rgba(0, 0, 0, 0.45); font-size: 1em; line-height: 1; white-space: nowrap; text-align: left; vertical-align: middle; word-break: normal; } .ant-progress-text .anticon { font-size: 14px; } .ant-progress-status-active .ant-progress-bg::before { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: #fff; border-radius: 10px; opacity: 0; -webkit-animation: ant-progress-active 2.4s cubic-bezier(0.23, 1, 0.32, 1) infinite; animation: ant-progress-active 2.4s cubic-bezier(0.23, 1, 0.32, 1) infinite; content: ''; } .ant-progress-status-exception .ant-progress-bg { background-color: #f5222d; } .ant-progress-status-exception .ant-progress-text { color: #f5222d; } .ant-progress-status-exception .ant-progress-inner:not(.ant-progress-circle-gradient) .ant-progress-circle-path { stroke: #f5222d; } .ant-progress-status-success .ant-progress-bg { background-color: #52c41a; } .ant-progress-status-success .ant-progress-text { color: #52c41a; } .ant-progress-status-success .ant-progress-inner:not(.ant-progress-circle-gradient) .ant-progress-circle-path { stroke: #52c41a; } .ant-progress-circle .ant-progress-inner { position: relative; line-height: 1; background-color: transparent; } .ant-progress-circle .ant-progress-text { position: absolute; top: 50%; left: 50%; width: 100%; margin: 0; padding: 0; color: rgba(0, 0, 0, 0.65); line-height: 1; white-space: normal; text-align: center; transform: translate(-50%, -50%); } .ant-progress-circle .ant-progress-text .anticon { font-size: 1.16666667em; } .ant-progress-circle.ant-progress-status-exception .ant-progress-text { color: #f5222d; } .ant-progress-circle.ant-progress-status-success .ant-progress-text { color: #52c41a; } @-webkit-keyframes ant-progress-active { 0% { width: 0; opacity: 0.1; } 20% { width: 0; opacity: 0.5; } 100% { width: 100%; opacity: 0; } } @keyframes ant-progress-active { 0% { width: 0; opacity: 0.1; } 20% { width: 0; opacity: 0.5; } 100% { width: 100%; opacity: 0; } }