index.less 485 B

123456789101112131415161718192021222324252627282930313233343536373839
  1. @import '../../app.less';
  2. .progress {
  3. background: @cornflower_bg;
  4. width: 100%;
  5. height: 14px;
  6. overflow: hidden;
  7. .progress-item {
  8. height: 100%;
  9. background: @cornflower;
  10. transition: all 0.3s;
  11. }
  12. }
  13. .progress.basic {
  14. height: 14px;
  15. }
  16. .progress.small {
  17. height: 8px;
  18. }
  19. .progress.basic.radius {
  20. border-radius: 7px;
  21. }
  22. .progress.small.radius {
  23. border-radius: 4px;
  24. }
  25. .progress.theme {
  26. background: #8897A8;
  27. .progress-item {
  28. background: #217DFF;
  29. }
  30. }