_progressbar.scss 638 B

1234567891011121314151617181920212223242526272829303132333435
  1. // @import '_variables.scss';
  2. // @import '_utils.scss';
  3. // @import '_animation.scss';
  4. // @import '_common.scss';
  5. .UppyProgressBar {
  6. position: absolute;
  7. top: 0;
  8. left: 0;
  9. width: 100%;
  10. height: 3px;
  11. z-index: 10000;
  12. }
  13. .UppyProgressBar-inner {
  14. background-color: $color-cornflower-blue;
  15. box-shadow: 0 0 10px rgba($color-cornflower-blue, 0.7);
  16. height: 100%;
  17. width: 0;
  18. transition: width 0.4s ease;
  19. }
  20. .UppyProgressBar-percentage {
  21. display: none;
  22. text-align: center;
  23. position: absolute;
  24. top: 50%;
  25. left: 50%;
  26. transform: translate(-50%, -50%);
  27. color: $color-white;
  28. // &:after {
  29. // content: ' %';
  30. // }
  31. }