From 43d8c69eef1e69b76acc52f5c6514bae6c496d24 Mon Sep 17 00:00:00 2001
From: Vincent Vanwaelscappel <vincent@cubedesigners.com>
Date: Mon, 28 Mar 2022 18:27:08 +0200
Subject: [PATCH] wait #5182 @2

---
 .../ThermofisherProgressbar.zip               | Bin 0 -> 1536 bytes
 ThermofisherProgressbar/cache.svg             |  18 +++++
 ThermofisherProgressbar/index.html            |  63 ++++++++++++++++++
 3 files changed, 81 insertions(+)
 create mode 100644 ThermofisherProgressbar/ThermofisherProgressbar.zip
 create mode 100644 ThermofisherProgressbar/cache.svg
 create mode 100644 ThermofisherProgressbar/index.html

diff --git a/ThermofisherProgressbar/ThermofisherProgressbar.zip b/ThermofisherProgressbar/ThermofisherProgressbar.zip
new file mode 100644
index 0000000000000000000000000000000000000000..a50372052ce3dc72dc4d09fe64eba7c14cf2034c
GIT binary patch
literal 1536
zcmZ{kc{J2(9L9h4r4Uid)s>wzLr7O7BwM2y3>wBZW~`$rGO{EYrD;alvo~3bM9Ma@
zjY7ml7zV|}WNUDRgzo6vbLyUZ?)#qeKIi@Z@tp4;pXY&E^YBUn03ZlBCq~$_<%R^X
z+yKzQ3jji#Dar%og9ZhKcxT%pFJ@{=Mg|sa3*0q?w7fnZ4L}^8z=!M+1(qqx`mjlE
zbsl~~e)j5nd|6WPn1gTM>GcuTXb%eG&3Gy$0~tz#7~+%fiE3XNEPbP&dvb0f$Gm&^
zTM~0vrh7Q$5hP6%l2$HOGTmK1_ZYDj6MJ8j?;$dTTJM?0sG8wltwpdl>o6@hI*|#4
zSQD#|22hDq5?h*?wY-MfekL+iepwd}>YHVZL^KOw2e(GmZc-oy7b}P3$lwgn+VkW-
z)0J_hVF&cqVn!a3Nw3s!VZ{eji-wO5CovU{r(%M}_cSZ^tGgexU7?}S)A5h`sc#mk
zI^pe94DxB>NB|w&X6I}$!_bMrGt$R{^Dg;-GNVQA9*t`b5CG4G%g3KFYG<#Z;Yt^c
zMp!FtqVVvQzM`~0)4eO9by+6fSba&2lD<PkIWkRdfE+wkjE;^^y?i*APEKtoxpBi^
zZ4zD6q}4BvD>&Kw*tdY~&<UL6Yu`|Ss_AK{`jPfqQ9i(4V-;^14TTi63p#yD)Z;U=
zIyZ_V!Eo|A!U)2BIRexAwS4RPtQdcLd;&%AHf8pX;D9k=kK(e;ZD(G)JN*YV6VL8j
zeIdxz|FvVu6?SexGA~+70Mm8C*8P;5k0Vhnw@F<b$$Pp;`Up-z90j-KO%INopk{<U
zsD@T_t7hTeDuwKIA~;Vif`cNG<MY7&&2ByisCLP{(r>DwWlOWi9g7Q#E24zl=$-K9
zYZ1H)MPLi4AMnxj*gb~|L!n7I9j%0Gm{YP%wCS&9<zvVJ_8-s<IC1v(ZBpaR_wQy4
z1>N<dWm^`jD$t)yCPdhSj4>=che-w>00?uK^bPbvhk|^9u>oXzxAP3mJyE%>_!_i{
zrIQ6uF?VnBEn^k9dXyraMhL}W^(t`ls+Z~<_P&o~<zub5`!+vR_TU@8vDfF`Zhh%z
z-xA7KPI44*^RzaWNFm9VWo6KWOoeMENiy6-uZa0g@veMP=#$-!nE9-n-PvNTwxGm!
z^POhwS3Xw6L?-QNQEuCQs-6PrqvO(pLT8Nc;9GR%bjA~&V&t}e?SfyIYm23%Z2U-3
zbqtvOf*N+ko;;$0Fh{0jX)4=a7V7=9WqOu)rdYO7><d{UWBE`HC|3NSR7d^0XUFPe
z{Da5!l)tt(eJ+|HZ67fX(Sl7UmV!M%x{(V9!EqxS<^}C{gFJ1e&%zw8Nn#Ajb^Ui)
z>`KUdDGX9KJ1Q+%XWL~5pT_?M!`Vp*2lm>~EiP!Si{jzOS!O4$hGuntW=EWO*1WD+
zp3k&?@0z0RSu<2wrN~$6zPkqoco$7*UZ1!cy07V#@AVoMMaervCWncsrLTkYP6-Z}
zqzDH0TDvoX7e<JB9vH7F%GR_-a<#CM<84cx_J#6uDNBpjnUWwcCA!PpkmliZr&1ar
zQw1AWUlp43?bAk$KB%5c>1N@FCH>9rJoHM-BY#8Mp_rvY`}<y9HPvBdhEdVc5CR*8
z95uzSXf<)F1pukzP~xJLF&FzWM1|_L{jt6XwDfcGCHY#zZKw0;tU=Vr4UaLui5$v8
z1w+K}%x@DN5@Oo0N${&(J+-xsF9RD&)0IiuDn8*wL%P(!*-#S9Mm*0+Vn$b<4x;(E
z&5MAk7lz5^2K3FkimiMNsSDg_<2D=F04LC10bYhnHUfP_zxexd6x5oF+X(o-(p2Oi
zx^v`yyuVba@INCiKpGfRffE`{=v>0(VW~UH*JSzQ|1azRu>Y%dGA9u~lklszrDiy~
jf#a!)X!YLFwTB*lFE|Rd=HuVliJNn)IjYUc69D`Tm#4V3

literal 0
HcmV?d00001

diff --git a/ThermofisherProgressbar/cache.svg b/ThermofisherProgressbar/cache.svg
new file mode 100644
index 0000000..74fa700
--- /dev/null
+++ b/ThermofisherProgressbar/cache.svg
@@ -0,0 +1,18 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 26.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<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;}
+</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
+		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
+		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"/>
+</g>
+</svg>
diff --git a/ThermofisherProgressbar/index.html b/ThermofisherProgressbar/index.html
new file mode 100644
index 0000000..c96cd20
--- /dev/null
+++ b/ThermofisherProgressbar/index.html
@@ -0,0 +1,63 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta name="width" content="215">
+    <meta name="height" content="20">
+    <meta charset="UTF-8">
+    <title></title>
+    <style>
+        body, html {
+            height: 100%;
+        }
+
+        body {
+            width: 100%
+        }
+
+        * {
+            padding: 0;
+            margin: 0;
+        }
+
+        #cache {
+            position: absolute;
+            top: 0;
+            left: 0;
+            width: 100%;
+            height: 100%;
+            display: block;
+            transition: clip-path 500ms;
+        }
+
+    </style>
+    <script>
+        function round(num) {
+            return Math.round((num + Number.EPSILON) * 100) / 100;
+        }
+
+        function update() {
+            var x = [0, 32.5, 57.3, 82, 107.2, 132, 157, 182, 215];
+            var coins = 8;
+            try {
+                coins = Math.max(0, Math.min(x.length, 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;
+        }
+
+        document.addEventListener("DOMContentLoaded", function () {
+            update();
+            setInterval(update, 250);
+        });
+
+    </script>
+</head>
+<body>
+<img src="cache.svg" id="cache">
+</body>
+</html>
\ No newline at end of file
-- 
2.39.5