.progress__bar {
border: 1px #07629a solid;
background: #057ec9;
- background-image:
- -webkit-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.15)),
- -webkit-linear-gradient(left top, #0094f0 0%, #0094f0 25%, #007ecc 25%, #007ecc 50%, #0094f0 50%, #0094f0 75%, #0094f0 100%);
background-image:
-webkit-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.15)),
-webkit-linear-gradient(left top, #0094f0 0%, #0094f0 25%, #007ecc 25%, #007ecc 50%, #0094f0 50%, #0094f0 75%, #0094f0 100%);
-moz-animation-direction: reverse;
}
+@media screen and (prefers-reduced-motion: reduce) {
+ .progress__bar {
+ -webkit-animation: none;
+ -moz-animation: none;
+ -webkit-transition: none;
+ transition: none;
+ }
+}
+
/**
* Progress bar animations.
*/