index.less 658 B

123456789101112131415161718192021222324252627282930313233343536
  1. @import '../style/var';
  2. .van-progress {
  3. height: 4px;
  4. position: relative;
  5. border-radius: 4px;
  6. background: @gray-light;
  7. &__portion {
  8. left: 0;
  9. height: 100%;
  10. position: absolute;
  11. border-radius: inherit;
  12. &--with-pivot {
  13. border-top-right-radius: 0;
  14. border-bottom-right-radius: 0;
  15. }
  16. }
  17. &__pivot {
  18. top: 50%;
  19. right: 0;
  20. min-width: 2em;
  21. padding: 0 5px;
  22. font-size: 10px;
  23. position: absolute;
  24. line-height: 1.6;
  25. text-align: center;
  26. border-radius: 1em;
  27. word-break: keep-all;
  28. box-sizing: border-box;
  29. background-color: @gray-light;
  30. transform: translate(100%, -50%);
  31. }
  32. }