1 files changed, 46 insertions, 0 deletions
diff --git a/www/wiki/extensions/MultimediaViewer/resources/mmv/ui/mmv.ui.progressBar.less b/www/wiki/extensions/MultimediaViewer/resources/mmv/ui/mmv.ui.progressBar.less
new file mode 100644
index 00000000..9f4c2a67
--- /dev/null
+++ b/www/wiki/extensions/MultimediaViewer/resources/mmv/ui/mmv.ui.progressBar.less
@@ -0,0 +1,46 @@
+@import '../mmv.globals';
+@import 'mediawiki.mixins.animation';
+
+@progress-height: @progress-bar-height;
+
+.mw-mmv-progress {
+	background-color: #c8ccd1;
+	background-color: rgba( 221, 221, 221, 0.5 );
+	width: 100%;
+	height: @progress-height;
+	position: absolute;
+	top: -@progress-height;
+}
+
+.mw-mmv-progress.empty {
+	display: none;
+}
+
+.mw-mmv-progress-percent {
+	width: 0;
+	height: @progress-height;
+	background: linear-gradient( -45deg, transparent 33%, rgba( 0, 0, 0, 0.1 ) 33%, rgba( 0, 0, 0, 0.1 ) 66%, transparent 66% ), #36c;
+	background-size: 35px 20px, 100% 100%, 100% 100%;
+	.animation( mw-mmv-progress-percent-animation 1.5s linear infinite );
+}
+
+.mw-mmv-progress-percent-animation() {
+	0% {
+		background-position: 0 0;
+	}
+	100% {
+		background-position: -70px 0;
+	}
+}
+
+@-webkit-keyframes mw-mmv-progress-percent-animation {
+	.mw-mmv-progress-percent-animation;
+}
+
+@-moz-keyframes mw-mmv-progress-percent-animation {
+	.mw-mmv-progress-percent-animation;
+}
+
+@keyframes mw-mmv-progress-percent-animation {
+	.mw-mmv-progress-percent-animation;
+}