_progressBar.scss 534 B

123456789101112131415161718192021222324252627282930313233
  1. @keyframes #{$rt-namespace}__trackProgress {
  2. 0% {
  3. transform: scaleX(1);
  4. }
  5. 100% {
  6. transform: scaleX(0);
  7. }
  8. }
  9. .#{$rt-namespace}__progress-bar {
  10. position: absolute;
  11. bottom: 0;
  12. left: 0;
  13. width: 100%;
  14. height: 5px;
  15. z-index: var(--toastify-z-index);
  16. opacity: 0.7;
  17. transform-origin: left;
  18. &--animated {
  19. animation: #{$rt-namespace}__trackProgress linear 1 forwards;
  20. }
  21. &--controlled {
  22. transition: transform 0.2s;
  23. }
  24. &--rtl {
  25. right: 0;
  26. left: initial;
  27. transform-origin: right;
  28. }
  29. }