index.less 742 B

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