/* Aurora Admin ProgressVariants 样式 — 对齐 组件7.txt ProgressVariants:线型/圆形/仪表盘,状态色,百分比 */ .aa-progress { font-family: var(--font-family, -apple-system, "PingFang SC", "Microsoft YaHei", sans-serif); color: var(--au-color-text-body); } .aa-progress-line-wrap { display: flex; align-items: center; } .aa-progress-line { flex: 1; height: 8px; background: var(--au-color-border); border-radius: 4px; overflow: hidden; } .aa-progress-line-fill { height: 100%; background: var(--au-color-brand); border-radius: 4px; transition: width .3s; } .aa-progress.is-success .aa-progress-line-fill { background: var(--au-color-success); } .aa-progress.is-warning .aa-progress-line-fill { background: var(--au-color-warning); } .aa-progress.is-error .aa-progress-line-fill { background: var(--au-color-error); } .aa-progress-text { margin-inline-start: 8px; font-size: 13px; min-width: 36px; } .aa-progress.is-success .aa-progress-text { color: var(--au-color-success); } .aa-progress.is-warning .aa-progress-text { color: var(--au-color-warning); } .aa-progress.is-error .aa-progress-text { color: var(--au-color-error); } .aa-progress-circle { position: relative; display: inline-flex; } .aa-progress-circle-text { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; font-size: 16px; font-weight: 500; } .aa-progress-circle.is-success .aa-progress-circle-text { color: var(--au-color-success); } .aa-progress-circle.is-warning .aa-progress-circle-text { color: var(--au-color-warning); } .aa-progress-circle.is-error .aa-progress-circle-text { color: var(--au-color-error); }