From: Vincent Vanwaelscappel <vincent@cubedesigners.com>
Date: Tue, 29 Mar 2022 15:48:47 +0000 (+0200)
Subject: wait #5182 @0.5
X-Git-Url: http://git.cubedesigners.com/?a=commitdiff_plain;h=bc3af2b4c65d9b48cb94e224f63e8fd099089c31;p=Animations.git

wait #5182 @0.5
---

diff --git a/ThermofisherProgressbar/cache.svg b/ThermofisherProgressbar/cache.svg
index 74fa700..10a267b 100644
--- a/ThermofisherProgressbar/cache.svg
+++ b/ThermofisherProgressbar/cache.svg
@@ -3,14 +3,18 @@
 <svg version="1.1" id="Calque_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
 	 viewBox="0 0 215 20" style="enable-background:new 0 0 215 20;" xml:space="preserve">
 <style type="text/css">
-	.st0{fill:#FFFFFF;}
-	.st1{fill:#E3E3E3;}
+	.st0{fill:#E71316;}
+	.st1{fill:#FFFFFF;}
+	.st2{fill:#E3E3E3;}
 </style>
 <g>
-	<path class="st0" d="M0,0v20h215V0H0z M203,15h-20.9V6H203c2.5,0,4.5,2,4.5,4.5S205.5,15,203,15z M11,6h20.9v9H11
+	<path class="st0" d="M203,15h-20.9V6H203c2.5,0,4.5,2,4.5,4.5S205.5,15,203,15z M11,6h20.9v9H11c-2.5,0-4.5-2-4.5-4.5S8.5,6,11,6z
+		 M181.4,6v9h-24.2V6H181.4z M156.5,6v9h-24.2V6H156.5z M131.5,6v9h-24.2V6H131.5z M106.6,6v9H82.5V6H106.6z M81.7,6v9H57.5V6H81.7z
+		 M56.8,6v9H32.6V6H56.8z"/>
+	<path class="st1" d="M0,0v20h215V0H0z M203,15h-20.9V6H203c2.5,0,4.5,2,4.5,4.5S205.5,15,203,15z M11,6h20.9v9H11
 		c-2.5,0-4.5-2-4.5-4.5S8.5,6,11,6z M181.4,6v9h-24.2V6H181.4z M156.5,6v9h-24.2V6H156.5z M131.5,6v9h-24.2V6H131.5z M106.6,6v9
 		H82.5V6H106.6z M81.7,6v9H57.5V6H81.7z M56.8,6v9H32.6V6H56.8z"/>
-	<path class="st1" d="M203,4.5H11c-1.7,0-3.2,0.7-4.2,1.8C5.7,7.4,5,8.9,5,10.5c0,3.3,2.7,6,6,6h192c1.7,0,3.2-0.7,4.2-1.8
+	<path class="st2" d="M203,4.5H11c-1.7,0-3.2,0.7-4.2,1.8C5.7,7.4,5,8.9,5,10.5c0,3.3,2.7,6,6,6h192c1.7,0,3.2-0.7,4.2-1.8
 		c1.1-1.1,1.8-2.6,1.8-4.2C209,7.2,206.3,4.5,203,4.5z M31.9,15H11c-2.5,0-4.5-2-4.5-4.5S8.5,6,11,6h20.9V15z M56.8,15H32.6V6h24.2
 		V15z M81.7,15H57.5V6h24.2V15z M106.6,15H82.5V6h24.2L106.6,15L106.6,15z M131.5,15h-24.2V6h24.2V15z M156.5,15h-24.2V6h24.2V15z
 		 M181.4,15h-24.2V6h24.2V15z M203,15h-20.9V6H203c2.5,0,4.5,2,4.5,4.5S205.5,15,203,15z"/>
diff --git a/ThermofisherProgressbar/index.html b/ThermofisherProgressbar/index.html
index f233e84..ff24990 100644
--- a/ThermofisherProgressbar/index.html
+++ b/ThermofisherProgressbar/index.html
@@ -37,17 +37,17 @@
 
         function update() {
             var x = [0, 32.5, 57.3, 82, 107.2, 132, 157, 182, 215];
-            var coins = 8;
+            var coins = 4;
             try {
-                coins = Math.max(0, Math.min(x.length, parseInt(parent.fluidbook.gamify.getTotalCoins('S'))));
+                coins = Math.max(0, Math.min(x.length - 1, parseInt(parent.fluidbook.gamify.getTotalCoins('S'))));
             } catch (e) {
 
             }
 
 
-            var clipLeft = round(100 * (x[coins] / 215)) + '%';
-            var clipPath = 'inset(100% 100% 100% ' + clipLeft + ')';
-            document.getElementById('cache').style.clipPath = clipPath;
+            var clipLeft = Math.round(window.innerWidth * (x[coins] / 215)) + "px";
+            var clipPath = 'rect(0px,' + clipLeft + ',' + (window.innerHeight) + 'px,0px)';
+            document.getElementById('cache').style.clip = clipPath;
         }
 
         document.addEventListener("DOMContentLoaded", function () {