style.css 902 B

123456789101112131415161718192021222324252627282930313233343536373839404142434445
  1. .mt-progress {
  2. position: relative;
  3. display: -webkit-box;
  4. display: -ms-flexbox;
  5. display: flex;
  6. height: 30px;
  7. line-height: 30px
  8. }
  9. .mt-progress > * {
  10. display: -ms-flexbox;
  11. display: flex;
  12. display: -webkit-box
  13. }
  14. .mt-progress *[slot="start"] {
  15. margin-right: 5px
  16. }
  17. .mt-progress *[slot="end"] {
  18. margin-left: 5px
  19. }
  20. .mt-progress-content {
  21. position: relative;
  22. -webkit-box-flex: 1;
  23. -ms-flex: 1;
  24. flex: 1
  25. }
  26. .mt-progress-runway {
  27. position: absolute;
  28. -webkit-transform: translate(0, -50%);
  29. transform: translate(0, -50%);
  30. top: 50%;
  31. left: 0;
  32. right: 0;
  33. background-color: #ebebeb;
  34. height: 3px
  35. }
  36. .mt-progress-progress {
  37. position: absolute;
  38. display: block;
  39. background-color: #26a2ff;
  40. top: 50%;
  41. -webkit-transform: translate(0, -50%);
  42. transform: translate(0, -50%);
  43. width: 0
  44. }