From e3653722e5ca536f7b48f076c08b824ae4c8968f Mon Sep 17 00:00:00 2001 From: jh3y Date: Wed, 1 Oct 2014 13:17:25 +0100 Subject: [PATCH] Update distro files --- dist/progrecss.css | 2718 ++++++++++++++++++++++++++++++++++++++++ dist/progrecss.js | 93 ++ dist/progrecss.min.css | 1 + dist/progrecss.min.js | 1 + progrecss.css | 2718 ++++++++++++++++++++++++++++++++++++++++ progrecss.js | 93 ++ progrecss.min.css | 1 + progrecss.min.js | 1 + 8 files changed, 5626 insertions(+) create mode 100644 dist/progrecss.css create mode 100644 dist/progrecss.js create mode 100644 dist/progrecss.min.css create mode 100644 dist/progrecss.min.js create mode 100644 progrecss.css create mode 100644 progrecss.js create mode 100644 progrecss.min.css create mode 100644 progrecss.min.js diff --git a/dist/progrecss.css b/dist/progrecss.css new file mode 100644 index 0000000..4d1e96d --- /dev/null +++ b/dist/progrecss.css @@ -0,0 +1,2718 @@ +/* +progrecss.css - http://jh3y.github.io/progrecss +Licensed under the MIT license + +Jhey Tompkins (c) 2014. + +Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions: + +The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. + +THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE. +*/ +.progrecss { + display: block; + position: relative; +} +.progrecss:after { + z-index: 2; +} +.progrecss.reverse:after { + -webkit-animation-direction: reverse; + animation-direction: reverse; +} +.progrecss.pause:after { + -webkit-animation-play-state: paused; + animation-play-state: paused; +} +.progrecss[data-progrecss]:after, +.progrecss[data-progrecss-mock]:after, +.progrecss[data-progrecss-timer]:after { + content: ""; + display: block; + position: absolute; + -webkit-transition: width 1s ease 0s; + transition: width 1s ease 0s; + background-color: #3498db; + -webkit-box-shadow: 0 0 1px #3498db; + box-shadow: 0 0 1px #3498db; + opacity: 0.6; + height: 4px; + border-radius: 0; + top: 0; +} +.progrecss[data-progrecss].bottom:after, +.progrecss[data-progrecss-mock].bottom:after, +.progrecss[data-progrecss-timer].bottom:after { + top: 100%; +} +.progrecss[data-progrecss].fixed:after, +.progrecss[data-progrecss-mock].fixed:after, +.progrecss[data-progrecss-timer].fixed:after { + position: fixed; + top: 0; + left: 0; +} +.progrecss[data-progrecss].fixed.bottom:after, +.progrecss[data-progrecss-mock].fixed.bottom:after, +.progrecss[data-progrecss-timer].fixed.bottom:after { + position: fixed; + top: 100%; +} +.progrecss[data-progrecss="0"]:after { + width: 0%; +} +.progrecss[data-progrecss="1"]:after { + width: 1%; +} +.progrecss[data-progrecss="2"]:after { + width: 2%; +} +.progrecss[data-progrecss="3"]:after { + width: 3%; +} +.progrecss[data-progrecss="4"]:after { + width: 4%; +} +.progrecss[data-progrecss="5"]:after { + width: 5%; +} +.progrecss[data-progrecss="6"]:after { + width: 6%; +} +.progrecss[data-progrecss="7"]:after { + width: 7%; +} +.progrecss[data-progrecss="8"]:after { + width: 8%; +} +.progrecss[data-progrecss="9"]:after { + width: 9%; +} +.progrecss[data-progrecss="10"]:after { + width: 10%; +} +.progrecss[data-progrecss="11"]:after { + width: 11%; +} +.progrecss[data-progrecss="12"]:after { + width: 12%; +} +.progrecss[data-progrecss="13"]:after { + width: 13%; +} +.progrecss[data-progrecss="14"]:after { + width: 14%; +} +.progrecss[data-progrecss="15"]:after { + width: 15%; +} +.progrecss[data-progrecss="16"]:after { + width: 16%; +} +.progrecss[data-progrecss="17"]:after { + width: 17%; +} +.progrecss[data-progrecss="18"]:after { + width: 18%; +} +.progrecss[data-progrecss="19"]:after { + width: 19%; +} +.progrecss[data-progrecss="20"]:after { + width: 20%; +} +.progrecss[data-progrecss="21"]:after { + width: 21%; +} +.progrecss[data-progrecss="22"]:after { + width: 22%; +} +.progrecss[data-progrecss="23"]:after { + width: 23%; +} +.progrecss[data-progrecss="24"]:after { + width: 24%; +} +.progrecss[data-progrecss="25"]:after { + width: 25%; +} +.progrecss[data-progrecss="26"]:after { + width: 26%; +} +.progrecss[data-progrecss="27"]:after { + width: 27%; +} +.progrecss[data-progrecss="28"]:after { + width: 28%; +} +.progrecss[data-progrecss="29"]:after { + width: 29%; +} +.progrecss[data-progrecss="30"]:after { + width: 30%; +} +.progrecss[data-progrecss="31"]:after { + width: 31%; +} +.progrecss[data-progrecss="32"]:after { + width: 32%; +} +.progrecss[data-progrecss="33"]:after { + width: 33%; +} +.progrecss[data-progrecss="34"]:after { + width: 34%; +} +.progrecss[data-progrecss="35"]:after { + width: 35%; +} +.progrecss[data-progrecss="36"]:after { + width: 36%; +} +.progrecss[data-progrecss="37"]:after { + width: 37%; +} +.progrecss[data-progrecss="38"]:after { + width: 38%; +} +.progrecss[data-progrecss="39"]:after { + width: 39%; +} +.progrecss[data-progrecss="40"]:after { + width: 40%; +} +.progrecss[data-progrecss="41"]:after { + width: 41%; +} +.progrecss[data-progrecss="42"]:after { + width: 42%; +} +.progrecss[data-progrecss="43"]:after { + width: 43%; +} +.progrecss[data-progrecss="44"]:after { + width: 44%; +} +.progrecss[data-progrecss="45"]:after { + width: 45%; +} +.progrecss[data-progrecss="46"]:after { + width: 46%; +} +.progrecss[data-progrecss="47"]:after { + width: 47%; +} +.progrecss[data-progrecss="48"]:after { + width: 48%; +} +.progrecss[data-progrecss="49"]:after { + width: 49%; +} +.progrecss[data-progrecss="50"]:after { + width: 50%; +} +.progrecss[data-progrecss="51"]:after { + width: 51%; +} +.progrecss[data-progrecss="52"]:after { + width: 52%; +} +.progrecss[data-progrecss="53"]:after { + width: 53%; +} +.progrecss[data-progrecss="54"]:after { + width: 54%; +} +.progrecss[data-progrecss="55"]:after { + width: 55%; +} +.progrecss[data-progrecss="56"]:after { + width: 56%; +} +.progrecss[data-progrecss="57"]:after { + width: 57%; +} +.progrecss[data-progrecss="58"]:after { + width: 58%; +} +.progrecss[data-progrecss="59"]:after { + width: 59%; +} +.progrecss[data-progrecss="60"]:after { + width: 60%; +} +.progrecss[data-progrecss="61"]:after { + width: 61%; +} +.progrecss[data-progrecss="62"]:after { + width: 62%; +} +.progrecss[data-progrecss="63"]:after { + width: 63%; +} +.progrecss[data-progrecss="64"]:after { + width: 64%; +} +.progrecss[data-progrecss="65"]:after { + width: 65%; +} +.progrecss[data-progrecss="66"]:after { + width: 66%; +} +.progrecss[data-progrecss="67"]:after { + width: 67%; +} +.progrecss[data-progrecss="68"]:after { + width: 68%; +} +.progrecss[data-progrecss="69"]:after { + width: 69%; +} +.progrecss[data-progrecss="70"]:after { + width: 70%; +} +.progrecss[data-progrecss="71"]:after { + width: 71%; +} +.progrecss[data-progrecss="72"]:after { + width: 72%; +} +.progrecss[data-progrecss="73"]:after { + width: 73%; +} +.progrecss[data-progrecss="74"]:after { + width: 74%; +} +.progrecss[data-progrecss="75"]:after { + width: 75%; +} +.progrecss[data-progrecss="76"]:after { + width: 76%; +} +.progrecss[data-progrecss="77"]:after { + width: 77%; +} +.progrecss[data-progrecss="78"]:after { + width: 78%; +} +.progrecss[data-progrecss="79"]:after { + width: 79%; +} +.progrecss[data-progrecss="80"]:after { + width: 80%; +} +.progrecss[data-progrecss="81"]:after { + width: 81%; +} +.progrecss[data-progrecss="82"]:after { + width: 82%; +} +.progrecss[data-progrecss="83"]:after { + width: 83%; +} +.progrecss[data-progrecss="84"]:after { + width: 84%; +} +.progrecss[data-progrecss="85"]:after { + width: 85%; +} +.progrecss[data-progrecss="86"]:after { + width: 86%; +} +.progrecss[data-progrecss="87"]:after { + width: 87%; +} +.progrecss[data-progrecss="88"]:after { + width: 88%; +} +.progrecss[data-progrecss="89"]:after { + width: 89%; +} +.progrecss[data-progrecss="90"]:after { + width: 90%; +} +.progrecss[data-progrecss="91"]:after { + width: 91%; +} +.progrecss[data-progrecss="92"]:after { + width: 92%; +} +.progrecss[data-progrecss="93"]:after { + width: 93%; +} +.progrecss[data-progrecss="94"]:after { + width: 94%; +} +.progrecss[data-progrecss="95"]:after { + width: 95%; +} +.progrecss[data-progrecss="96"]:after { + width: 96%; +} +.progrecss[data-progrecss="97"]:after { + width: 97%; +} +.progrecss[data-progrecss="98"]:after { + width: 98%; +} +.progrecss[data-progrecss="99"]:after { + width: 99%; +} +.progrecss[data-progrecss="100"]:after { + width: 100%; +} +@-webkit-keyframes mock { + 0% { + width: 0%; + } + 100% { + width: 100%; + } +} +@keyframes mock { + 0% { + width: 0%; + } + 100% { + width: 100%; + } +} +.progrecss[data-progrecss-mock="0"].mock:after { + -webkit-animation-name: mock; + animation-name: mock; + -webkit-animation-duration: 0s; + animation-duration: 0s; +} +.progrecss[data-progrecss-mock="1"].mock:after { + -webkit-animation-name: mock; + animation-name: mock; + -webkit-animation-duration: 1s; + animation-duration: 1s; +} +.progrecss[data-progrecss-mock="2"].mock:after { + -webkit-animation-name: mock; + animation-name: mock; + -webkit-animation-duration: 2s; + animation-duration: 2s; +} +.progrecss[data-progrecss-mock="3"].mock:after { + -webkit-animation-name: mock; + animation-name: mock; + -webkit-animation-duration: 3s; + animation-duration: 3s; +} +.progrecss[data-progrecss-mock="4"].mock:after { + -webkit-animation-name: mock; + animation-name: mock; + -webkit-animation-duration: 4s; + animation-duration: 4s; +} +.progrecss[data-progrecss-mock="5"].mock:after { + -webkit-animation-name: mock; + animation-name: mock; + -webkit-animation-duration: 5s; + animation-duration: 5s; +} +.progrecss[data-progrecss-mock="6"].mock:after { + -webkit-animation-name: mock; + animation-name: mock; + -webkit-animation-duration: 6s; + animation-duration: 6s; +} +.progrecss[data-progrecss-mock="7"].mock:after { + -webkit-animation-name: mock; + animation-name: mock; + -webkit-animation-duration: 7s; + animation-duration: 7s; +} +.progrecss[data-progrecss-mock="8"].mock:after { + -webkit-animation-name: mock; + animation-name: mock; + -webkit-animation-duration: 8s; + animation-duration: 8s; +} +.progrecss[data-progrecss-mock="9"].mock:after { + -webkit-animation-name: mock; + animation-name: mock; + -webkit-animation-duration: 9s; + animation-duration: 9s; +} +.progrecss[data-progrecss-mock="10"].mock:after { + -webkit-animation-name: mock; + animation-name: mock; + -webkit-animation-duration: 10s; + animation-duration: 10s; +} +.progrecss[data-progrecss-mock="11"].mock:after { + -webkit-animation-name: mock; + animation-name: mock; + -webkit-animation-duration: 11s; + animation-duration: 11s; +} +.progrecss[data-progrecss-mock="12"].mock:after { + -webkit-animation-name: mock; + animation-name: mock; + -webkit-animation-duration: 12s; + animation-duration: 12s; +} +.progrecss[data-progrecss-mock="13"].mock:after { + -webkit-animation-name: mock; + animation-name: mock; + -webkit-animation-duration: 13s; + animation-duration: 13s; +} +.progrecss[data-progrecss-mock="14"].mock:after { + -webkit-animation-name: mock; + animation-name: mock; + -webkit-animation-duration: 14s; + animation-duration: 14s; +} +.progrecss[data-progrecss-mock="15"].mock:after { + -webkit-animation-name: mock; + animation-name: mock; + -webkit-animation-duration: 15s; + animation-duration: 15s; +} +.progrecss[data-progrecss-mock="16"].mock:after { + -webkit-animation-name: mock; + animation-name: mock; + -webkit-animation-duration: 16s; + animation-duration: 16s; +} +.progrecss[data-progrecss-mock="17"].mock:after { + -webkit-animation-name: mock; + animation-name: mock; + -webkit-animation-duration: 17s; + animation-duration: 17s; +} +.progrecss[data-progrecss-mock="18"].mock:after { + -webkit-animation-name: mock; + animation-name: mock; + -webkit-animation-duration: 18s; + animation-duration: 18s; +} +.progrecss[data-progrecss-mock="19"].mock:after { + -webkit-animation-name: mock; + animation-name: mock; + -webkit-animation-duration: 19s; + animation-duration: 19s; +} +.progrecss[data-progrecss-mock="20"].mock:after { + -webkit-animation-name: mock; + animation-name: mock; + -webkit-animation-duration: 20s; + animation-duration: 20s; +} +.progrecss[data-progrecss-mock="21"].mock:after { + -webkit-animation-name: mock; + animation-name: mock; + -webkit-animation-duration: 21s; + animation-duration: 21s; +} +.progrecss[data-progrecss-mock="22"].mock:after { + -webkit-animation-name: mock; + animation-name: mock; + -webkit-animation-duration: 22s; + animation-duration: 22s; +} +.progrecss[data-progrecss-mock="23"].mock:after { + -webkit-animation-name: mock; + animation-name: mock; + -webkit-animation-duration: 23s; + animation-duration: 23s; +} +.progrecss[data-progrecss-mock="24"].mock:after { + -webkit-animation-name: mock; + animation-name: mock; + -webkit-animation-duration: 24s; + animation-duration: 24s; +} +.progrecss[data-progrecss-mock="25"].mock:after { + -webkit-animation-name: mock; + animation-name: mock; + -webkit-animation-duration: 25s; + animation-duration: 25s; +} +.progrecss[data-progrecss-mock="26"].mock:after { + -webkit-animation-name: mock; + animation-name: mock; + -webkit-animation-duration: 26s; + animation-duration: 26s; +} +.progrecss[data-progrecss-mock="27"].mock:after { + -webkit-animation-name: mock; + animation-name: mock; + -webkit-animation-duration: 27s; + animation-duration: 27s; +} +.progrecss[data-progrecss-mock="28"].mock:after { + -webkit-animation-name: mock; + animation-name: mock; + -webkit-animation-duration: 28s; + animation-duration: 28s; +} +.progrecss[data-progrecss-mock="29"].mock:after { + -webkit-animation-name: mock; + animation-name: mock; + -webkit-animation-duration: 29s; + animation-duration: 29s; +} +.progrecss[data-progrecss-mock="30"].mock:after { + -webkit-animation-name: mock; + animation-name: mock; + -webkit-animation-duration: 30s; + animation-duration: 30s; +} +.progrecss[data-progrecss-mock="31"].mock:after { + -webkit-animation-name: mock; + animation-name: mock; + -webkit-animation-duration: 31s; + animation-duration: 31s; +} +.progrecss[data-progrecss-mock="32"].mock:after { + -webkit-animation-name: mock; + animation-name: mock; + -webkit-animation-duration: 32s; + animation-duration: 32s; +} +.progrecss[data-progrecss-mock="33"].mock:after { + -webkit-animation-name: mock; + animation-name: mock; + -webkit-animation-duration: 33s; + animation-duration: 33s; +} +.progrecss[data-progrecss-mock="34"].mock:after { + -webkit-animation-name: mock; + animation-name: mock; + -webkit-animation-duration: 34s; + animation-duration: 34s; +} +.progrecss[data-progrecss-mock="35"].mock:after { + -webkit-animation-name: mock; + animation-name: mock; + -webkit-animation-duration: 35s; + animation-duration: 35s; +} +.progrecss[data-progrecss-mock="36"].mock:after { + -webkit-animation-name: mock; + animation-name: mock; + -webkit-animation-duration: 36s; + animation-duration: 36s; +} +.progrecss[data-progrecss-mock="37"].mock:after { + -webkit-animation-name: mock; + animation-name: mock; + -webkit-animation-duration: 37s; + animation-duration: 37s; +} +.progrecss[data-progrecss-mock="38"].mock:after { + -webkit-animation-name: mock; + animation-name: mock; + -webkit-animation-duration: 38s; + animation-duration: 38s; +} +.progrecss[data-progrecss-mock="39"].mock:after { + -webkit-animation-name: mock; + animation-name: mock; + -webkit-animation-duration: 39s; + animation-duration: 39s; +} +.progrecss[data-progrecss-mock="40"].mock:after { + -webkit-animation-name: mock; + animation-name: mock; + -webkit-animation-duration: 40s; + animation-duration: 40s; +} +.progrecss[data-progrecss-mock="41"].mock:after { + -webkit-animation-name: mock; + animation-name: mock; + -webkit-animation-duration: 41s; + animation-duration: 41s; +} +.progrecss[data-progrecss-mock="42"].mock:after { + -webkit-animation-name: mock; + animation-name: mock; + -webkit-animation-duration: 42s; + animation-duration: 42s; +} +.progrecss[data-progrecss-mock="43"].mock:after { + -webkit-animation-name: mock; + animation-name: mock; + -webkit-animation-duration: 43s; + animation-duration: 43s; +} +.progrecss[data-progrecss-mock="44"].mock:after { + -webkit-animation-name: mock; + animation-name: mock; + -webkit-animation-duration: 44s; + animation-duration: 44s; +} +.progrecss[data-progrecss-mock="45"].mock:after { + -webkit-animation-name: mock; + animation-name: mock; + -webkit-animation-duration: 45s; + animation-duration: 45s; +} +.progrecss[data-progrecss-mock="46"].mock:after { + -webkit-animation-name: mock; + animation-name: mock; + -webkit-animation-duration: 46s; + animation-duration: 46s; +} +.progrecss[data-progrecss-mock="47"].mock:after { + -webkit-animation-name: mock; + animation-name: mock; + -webkit-animation-duration: 47s; + animation-duration: 47s; +} +.progrecss[data-progrecss-mock="48"].mock:after { + -webkit-animation-name: mock; + animation-name: mock; + -webkit-animation-duration: 48s; + animation-duration: 48s; +} +.progrecss[data-progrecss-mock="49"].mock:after { + -webkit-animation-name: mock; + animation-name: mock; + -webkit-animation-duration: 49s; + animation-duration: 49s; +} +.progrecss[data-progrecss-mock="50"].mock:after { + -webkit-animation-name: mock; + animation-name: mock; + -webkit-animation-duration: 50s; + animation-duration: 50s; +} +.progrecss[data-progrecss-mock="51"].mock:after { + -webkit-animation-name: mock; + animation-name: mock; + -webkit-animation-duration: 51s; + animation-duration: 51s; +} +.progrecss[data-progrecss-mock="52"].mock:after { + -webkit-animation-name: mock; + animation-name: mock; + -webkit-animation-duration: 52s; + animation-duration: 52s; +} +.progrecss[data-progrecss-mock="53"].mock:after { + -webkit-animation-name: mock; + animation-name: mock; + -webkit-animation-duration: 53s; + animation-duration: 53s; +} +.progrecss[data-progrecss-mock="54"].mock:after { + -webkit-animation-name: mock; + animation-name: mock; + -webkit-animation-duration: 54s; + animation-duration: 54s; +} +.progrecss[data-progrecss-mock="55"].mock:after { + -webkit-animation-name: mock; + animation-name: mock; + -webkit-animation-duration: 55s; + animation-duration: 55s; +} +.progrecss[data-progrecss-mock="56"].mock:after { + -webkit-animation-name: mock; + animation-name: mock; + -webkit-animation-duration: 56s; + animation-duration: 56s; +} +.progrecss[data-progrecss-mock="57"].mock:after { + -webkit-animation-name: mock; + animation-name: mock; + -webkit-animation-duration: 57s; + animation-duration: 57s; +} +.progrecss[data-progrecss-mock="58"].mock:after { + -webkit-animation-name: mock; + animation-name: mock; + -webkit-animation-duration: 58s; + animation-duration: 58s; +} +.progrecss[data-progrecss-mock="59"].mock:after { + -webkit-animation-name: mock; + animation-name: mock; + -webkit-animation-duration: 59s; + animation-duration: 59s; +} +.progrecss[data-progrecss-mock="60"].mock:after { + -webkit-animation-name: mock; + animation-name: mock; + -webkit-animation-duration: 60s; + animation-duration: 60s; +} +.progrecss[data-progrecss-mock="61"].mock:after { + -webkit-animation-name: mock; + animation-name: mock; + -webkit-animation-duration: 61s; + animation-duration: 61s; +} +.progrecss[data-progrecss-mock="62"].mock:after { + -webkit-animation-name: mock; + animation-name: mock; + -webkit-animation-duration: 62s; + animation-duration: 62s; +} +.progrecss[data-progrecss-mock="63"].mock:after { + -webkit-animation-name: mock; + animation-name: mock; + -webkit-animation-duration: 63s; + animation-duration: 63s; +} +.progrecss[data-progrecss-mock="64"].mock:after { + -webkit-animation-name: mock; + animation-name: mock; + -webkit-animation-duration: 64s; + animation-duration: 64s; +} +.progrecss[data-progrecss-mock="65"].mock:after { + -webkit-animation-name: mock; + animation-name: mock; + -webkit-animation-duration: 65s; + animation-duration: 65s; +} +.progrecss[data-progrecss-mock="66"].mock:after { + -webkit-animation-name: mock; + animation-name: mock; + -webkit-animation-duration: 66s; + animation-duration: 66s; +} +.progrecss[data-progrecss-mock="67"].mock:after { + -webkit-animation-name: mock; + animation-name: mock; + -webkit-animation-duration: 67s; + animation-duration: 67s; +} +.progrecss[data-progrecss-mock="68"].mock:after { + -webkit-animation-name: mock; + animation-name: mock; + -webkit-animation-duration: 68s; + animation-duration: 68s; +} +.progrecss[data-progrecss-mock="69"].mock:after { + -webkit-animation-name: mock; + animation-name: mock; + -webkit-animation-duration: 69s; + animation-duration: 69s; +} +.progrecss[data-progrecss-mock="70"].mock:after { + -webkit-animation-name: mock; + animation-name: mock; + -webkit-animation-duration: 70s; + animation-duration: 70s; +} +.progrecss[data-progrecss-mock="71"].mock:after { + -webkit-animation-name: mock; + animation-name: mock; + -webkit-animation-duration: 71s; + animation-duration: 71s; +} +.progrecss[data-progrecss-mock="72"].mock:after { + -webkit-animation-name: mock; + animation-name: mock; + -webkit-animation-duration: 72s; + animation-duration: 72s; +} +.progrecss[data-progrecss-mock="73"].mock:after { + -webkit-animation-name: mock; + animation-name: mock; + -webkit-animation-duration: 73s; + animation-duration: 73s; +} +.progrecss[data-progrecss-mock="74"].mock:after { + -webkit-animation-name: mock; + animation-name: mock; + -webkit-animation-duration: 74s; + animation-duration: 74s; +} +.progrecss[data-progrecss-mock="75"].mock:after { + -webkit-animation-name: mock; + animation-name: mock; + -webkit-animation-duration: 75s; + animation-duration: 75s; +} +.progrecss[data-progrecss-mock="76"].mock:after { + -webkit-animation-name: mock; + animation-name: mock; + -webkit-animation-duration: 76s; + animation-duration: 76s; +} +.progrecss[data-progrecss-mock="77"].mock:after { + -webkit-animation-name: mock; + animation-name: mock; + -webkit-animation-duration: 77s; + animation-duration: 77s; +} +.progrecss[data-progrecss-mock="78"].mock:after { + -webkit-animation-name: mock; + animation-name: mock; + -webkit-animation-duration: 78s; + animation-duration: 78s; +} +.progrecss[data-progrecss-mock="79"].mock:after { + -webkit-animation-name: mock; + animation-name: mock; + -webkit-animation-duration: 79s; + animation-duration: 79s; +} +.progrecss[data-progrecss-mock="80"].mock:after { + -webkit-animation-name: mock; + animation-name: mock; + -webkit-animation-duration: 80s; + animation-duration: 80s; +} +.progrecss[data-progrecss-mock="81"].mock:after { + -webkit-animation-name: mock; + animation-name: mock; + -webkit-animation-duration: 81s; + animation-duration: 81s; +} +.progrecss[data-progrecss-mock="82"].mock:after { + -webkit-animation-name: mock; + animation-name: mock; + -webkit-animation-duration: 82s; + animation-duration: 82s; +} +.progrecss[data-progrecss-mock="83"].mock:after { + -webkit-animation-name: mock; + animation-name: mock; + -webkit-animation-duration: 83s; + animation-duration: 83s; +} +.progrecss[data-progrecss-mock="84"].mock:after { + -webkit-animation-name: mock; + animation-name: mock; + -webkit-animation-duration: 84s; + animation-duration: 84s; +} +.progrecss[data-progrecss-mock="85"].mock:after { + -webkit-animation-name: mock; + animation-name: mock; + -webkit-animation-duration: 85s; + animation-duration: 85s; +} +.progrecss[data-progrecss-mock="86"].mock:after { + -webkit-animation-name: mock; + animation-name: mock; + -webkit-animation-duration: 86s; + animation-duration: 86s; +} +.progrecss[data-progrecss-mock="87"].mock:after { + -webkit-animation-name: mock; + animation-name: mock; + -webkit-animation-duration: 87s; + animation-duration: 87s; +} +.progrecss[data-progrecss-mock="88"].mock:after { + -webkit-animation-name: mock; + animation-name: mock; + -webkit-animation-duration: 88s; + animation-duration: 88s; +} +.progrecss[data-progrecss-mock="89"].mock:after { + -webkit-animation-name: mock; + animation-name: mock; + -webkit-animation-duration: 89s; + animation-duration: 89s; +} +.progrecss[data-progrecss-mock="90"].mock:after { + -webkit-animation-name: mock; + animation-name: mock; + -webkit-animation-duration: 90s; + animation-duration: 90s; +} +.progrecss[data-progrecss-mock="91"].mock:after { + -webkit-animation-name: mock; + animation-name: mock; + -webkit-animation-duration: 91s; + animation-duration: 91s; +} +.progrecss[data-progrecss-mock="92"].mock:after { + -webkit-animation-name: mock; + animation-name: mock; + -webkit-animation-duration: 92s; + animation-duration: 92s; +} +.progrecss[data-progrecss-mock="93"].mock:after { + -webkit-animation-name: mock; + animation-name: mock; + -webkit-animation-duration: 93s; + animation-duration: 93s; +} +.progrecss[data-progrecss-mock="94"].mock:after { + -webkit-animation-name: mock; + animation-name: mock; + -webkit-animation-duration: 94s; + animation-duration: 94s; +} +.progrecss[data-progrecss-mock="95"].mock:after { + -webkit-animation-name: mock; + animation-name: mock; + -webkit-animation-duration: 95s; + animation-duration: 95s; +} +.progrecss[data-progrecss-mock="96"].mock:after { + -webkit-animation-name: mock; + animation-name: mock; + -webkit-animation-duration: 96s; + animation-duration: 96s; +} +.progrecss[data-progrecss-mock="97"].mock:after { + -webkit-animation-name: mock; + animation-name: mock; + -webkit-animation-duration: 97s; + animation-duration: 97s; +} +.progrecss[data-progrecss-mock="98"].mock:after { + -webkit-animation-name: mock; + animation-name: mock; + -webkit-animation-duration: 98s; + animation-duration: 98s; +} +.progrecss[data-progrecss-mock="99"].mock:after { + -webkit-animation-name: mock; + animation-name: mock; + -webkit-animation-duration: 99s; + animation-duration: 99s; +} +.progrecss[data-progrecss-mock="100"].mock:after { + -webkit-animation-name: mock; + animation-name: mock; + -webkit-animation-duration: 100s; + animation-duration: 100s; +} +@-webkit-keyframes staggered-mock { + 0% { + width: 0%; + } + 10% { + width: 10%; + } + 20% { + width: 10%; + } + 30% { + width: 30%; + } + 40% { + width: 30%; + } + 50% { + width: 30%; + } + 60% { + width: 50%; + } + 70% { + width: 70%; + } + 80% { + width: 70%; + } + 90% { + width: 90%; + } + 100% { + width: 100%; + } +} +@keyframes staggered-mock { + 0% { + width: 0%; + } + 10% { + width: 10%; + } + 20% { + width: 10%; + } + 30% { + width: 30%; + } + 40% { + width: 30%; + } + 50% { + width: 30%; + } + 60% { + width: 50%; + } + 70% { + width: 70%; + } + 80% { + width: 70%; + } + 90% { + width: 90%; + } + 100% { + width: 100%; + } +} +.progrecss[data-progrecss-mock="0"].staggered.mock:after { + -webkit-animation-name: staggered-mock; + animation-name: staggered-mock; + -webkit-animation-duration: 0s; + animation-duration: 0s; +} +.progrecss[data-progrecss-mock="1"].staggered.mock:after { + -webkit-animation-name: staggered-mock; + animation-name: staggered-mock; + -webkit-animation-duration: 1s; + animation-duration: 1s; +} +.progrecss[data-progrecss-mock="2"].staggered.mock:after { + -webkit-animation-name: staggered-mock; + animation-name: staggered-mock; + -webkit-animation-duration: 2s; + animation-duration: 2s; +} +.progrecss[data-progrecss-mock="3"].staggered.mock:after { + -webkit-animation-name: staggered-mock; + animation-name: staggered-mock; + -webkit-animation-duration: 3s; + animation-duration: 3s; +} +.progrecss[data-progrecss-mock="4"].staggered.mock:after { + -webkit-animation-name: staggered-mock; + animation-name: staggered-mock; + -webkit-animation-duration: 4s; + animation-duration: 4s; +} +.progrecss[data-progrecss-mock="5"].staggered.mock:after { + -webkit-animation-name: staggered-mock; + animation-name: staggered-mock; + -webkit-animation-duration: 5s; + animation-duration: 5s; +} +.progrecss[data-progrecss-mock="6"].staggered.mock:after { + -webkit-animation-name: staggered-mock; + animation-name: staggered-mock; + -webkit-animation-duration: 6s; + animation-duration: 6s; +} +.progrecss[data-progrecss-mock="7"].staggered.mock:after { + -webkit-animation-name: staggered-mock; + animation-name: staggered-mock; + -webkit-animation-duration: 7s; + animation-duration: 7s; +} +.progrecss[data-progrecss-mock="8"].staggered.mock:after { + -webkit-animation-name: staggered-mock; + animation-name: staggered-mock; + -webkit-animation-duration: 8s; + animation-duration: 8s; +} +.progrecss[data-progrecss-mock="9"].staggered.mock:after { + -webkit-animation-name: staggered-mock; + animation-name: staggered-mock; + -webkit-animation-duration: 9s; + animation-duration: 9s; +} +.progrecss[data-progrecss-mock="10"].staggered.mock:after { + -webkit-animation-name: staggered-mock; + animation-name: staggered-mock; + -webkit-animation-duration: 10s; + animation-duration: 10s; +} +.progrecss[data-progrecss-mock="11"].staggered.mock:after { + -webkit-animation-name: staggered-mock; + animation-name: staggered-mock; + -webkit-animation-duration: 11s; + animation-duration: 11s; +} +.progrecss[data-progrecss-mock="12"].staggered.mock:after { + -webkit-animation-name: staggered-mock; + animation-name: staggered-mock; + -webkit-animation-duration: 12s; + animation-duration: 12s; +} +.progrecss[data-progrecss-mock="13"].staggered.mock:after { + -webkit-animation-name: staggered-mock; + animation-name: staggered-mock; + -webkit-animation-duration: 13s; + animation-duration: 13s; +} +.progrecss[data-progrecss-mock="14"].staggered.mock:after { + -webkit-animation-name: staggered-mock; + animation-name: staggered-mock; + -webkit-animation-duration: 14s; + animation-duration: 14s; +} +.progrecss[data-progrecss-mock="15"].staggered.mock:after { + -webkit-animation-name: staggered-mock; + animation-name: staggered-mock; + -webkit-animation-duration: 15s; + animation-duration: 15s; +} +.progrecss[data-progrecss-mock="16"].staggered.mock:after { + -webkit-animation-name: staggered-mock; + animation-name: staggered-mock; + -webkit-animation-duration: 16s; + animation-duration: 16s; +} +.progrecss[data-progrecss-mock="17"].staggered.mock:after { + -webkit-animation-name: staggered-mock; + animation-name: staggered-mock; + -webkit-animation-duration: 17s; + animation-duration: 17s; +} +.progrecss[data-progrecss-mock="18"].staggered.mock:after { + -webkit-animation-name: staggered-mock; + animation-name: staggered-mock; + -webkit-animation-duration: 18s; + animation-duration: 18s; +} +.progrecss[data-progrecss-mock="19"].staggered.mock:after { + -webkit-animation-name: staggered-mock; + animation-name: staggered-mock; + -webkit-animation-duration: 19s; + animation-duration: 19s; +} +.progrecss[data-progrecss-mock="20"].staggered.mock:after { + -webkit-animation-name: staggered-mock; + animation-name: staggered-mock; + -webkit-animation-duration: 20s; + animation-duration: 20s; +} +.progrecss[data-progrecss-mock="21"].staggered.mock:after { + -webkit-animation-name: staggered-mock; + animation-name: staggered-mock; + -webkit-animation-duration: 21s; + animation-duration: 21s; +} +.progrecss[data-progrecss-mock="22"].staggered.mock:after { + -webkit-animation-name: staggered-mock; + animation-name: staggered-mock; + -webkit-animation-duration: 22s; + animation-duration: 22s; +} +.progrecss[data-progrecss-mock="23"].staggered.mock:after { + -webkit-animation-name: staggered-mock; + animation-name: staggered-mock; + -webkit-animation-duration: 23s; + animation-duration: 23s; +} +.progrecss[data-progrecss-mock="24"].staggered.mock:after { + -webkit-animation-name: staggered-mock; + animation-name: staggered-mock; + -webkit-animation-duration: 24s; + animation-duration: 24s; +} +.progrecss[data-progrecss-mock="25"].staggered.mock:after { + -webkit-animation-name: staggered-mock; + animation-name: staggered-mock; + -webkit-animation-duration: 25s; + animation-duration: 25s; +} +.progrecss[data-progrecss-mock="26"].staggered.mock:after { + -webkit-animation-name: staggered-mock; + animation-name: staggered-mock; + -webkit-animation-duration: 26s; + animation-duration: 26s; +} +.progrecss[data-progrecss-mock="27"].staggered.mock:after { + -webkit-animation-name: staggered-mock; + animation-name: staggered-mock; + -webkit-animation-duration: 27s; + animation-duration: 27s; +} +.progrecss[data-progrecss-mock="28"].staggered.mock:after { + -webkit-animation-name: staggered-mock; + animation-name: staggered-mock; + -webkit-animation-duration: 28s; + animation-duration: 28s; +} +.progrecss[data-progrecss-mock="29"].staggered.mock:after { + -webkit-animation-name: staggered-mock; + animation-name: staggered-mock; + -webkit-animation-duration: 29s; + animation-duration: 29s; +} +.progrecss[data-progrecss-mock="30"].staggered.mock:after { + -webkit-animation-name: staggered-mock; + animation-name: staggered-mock; + -webkit-animation-duration: 30s; + animation-duration: 30s; +} +.progrecss[data-progrecss-mock="31"].staggered.mock:after { + -webkit-animation-name: staggered-mock; + animation-name: staggered-mock; + -webkit-animation-duration: 31s; + animation-duration: 31s; +} +.progrecss[data-progrecss-mock="32"].staggered.mock:after { + -webkit-animation-name: staggered-mock; + animation-name: staggered-mock; + -webkit-animation-duration: 32s; + animation-duration: 32s; +} +.progrecss[data-progrecss-mock="33"].staggered.mock:after { + -webkit-animation-name: staggered-mock; + animation-name: staggered-mock; + -webkit-animation-duration: 33s; + animation-duration: 33s; +} +.progrecss[data-progrecss-mock="34"].staggered.mock:after { + -webkit-animation-name: staggered-mock; + animation-name: staggered-mock; + -webkit-animation-duration: 34s; + animation-duration: 34s; +} +.progrecss[data-progrecss-mock="35"].staggered.mock:after { + -webkit-animation-name: staggered-mock; + animation-name: staggered-mock; + -webkit-animation-duration: 35s; + animation-duration: 35s; +} +.progrecss[data-progrecss-mock="36"].staggered.mock:after { + -webkit-animation-name: staggered-mock; + animation-name: staggered-mock; + -webkit-animation-duration: 36s; + animation-duration: 36s; +} +.progrecss[data-progrecss-mock="37"].staggered.mock:after { + -webkit-animation-name: staggered-mock; + animation-name: staggered-mock; + -webkit-animation-duration: 37s; + animation-duration: 37s; +} +.progrecss[data-progrecss-mock="38"].staggered.mock:after { + -webkit-animation-name: staggered-mock; + animation-name: staggered-mock; + -webkit-animation-duration: 38s; + animation-duration: 38s; +} +.progrecss[data-progrecss-mock="39"].staggered.mock:after { + -webkit-animation-name: staggered-mock; + animation-name: staggered-mock; + -webkit-animation-duration: 39s; + animation-duration: 39s; +} +.progrecss[data-progrecss-mock="40"].staggered.mock:after { + -webkit-animation-name: staggered-mock; + animation-name: staggered-mock; + -webkit-animation-duration: 40s; + animation-duration: 40s; +} +.progrecss[data-progrecss-mock="41"].staggered.mock:after { + -webkit-animation-name: staggered-mock; + animation-name: staggered-mock; + -webkit-animation-duration: 41s; + animation-duration: 41s; +} +.progrecss[data-progrecss-mock="42"].staggered.mock:after { + -webkit-animation-name: staggered-mock; + animation-name: staggered-mock; + -webkit-animation-duration: 42s; + animation-duration: 42s; +} +.progrecss[data-progrecss-mock="43"].staggered.mock:after { + -webkit-animation-name: staggered-mock; + animation-name: staggered-mock; + -webkit-animation-duration: 43s; + animation-duration: 43s; +} +.progrecss[data-progrecss-mock="44"].staggered.mock:after { + -webkit-animation-name: staggered-mock; + animation-name: staggered-mock; + -webkit-animation-duration: 44s; + animation-duration: 44s; +} +.progrecss[data-progrecss-mock="45"].staggered.mock:after { + -webkit-animation-name: staggered-mock; + animation-name: staggered-mock; + -webkit-animation-duration: 45s; + animation-duration: 45s; +} +.progrecss[data-progrecss-mock="46"].staggered.mock:after { + -webkit-animation-name: staggered-mock; + animation-name: staggered-mock; + -webkit-animation-duration: 46s; + animation-duration: 46s; +} +.progrecss[data-progrecss-mock="47"].staggered.mock:after { + -webkit-animation-name: staggered-mock; + animation-name: staggered-mock; + -webkit-animation-duration: 47s; + animation-duration: 47s; +} +.progrecss[data-progrecss-mock="48"].staggered.mock:after { + -webkit-animation-name: staggered-mock; + animation-name: staggered-mock; + -webkit-animation-duration: 48s; + animation-duration: 48s; +} +.progrecss[data-progrecss-mock="49"].staggered.mock:after { + -webkit-animation-name: staggered-mock; + animation-name: staggered-mock; + -webkit-animation-duration: 49s; + animation-duration: 49s; +} +.progrecss[data-progrecss-mock="50"].staggered.mock:after { + -webkit-animation-name: staggered-mock; + animation-name: staggered-mock; + -webkit-animation-duration: 50s; + animation-duration: 50s; +} +.progrecss[data-progrecss-mock="51"].staggered.mock:after { + -webkit-animation-name: staggered-mock; + animation-name: staggered-mock; + -webkit-animation-duration: 51s; + animation-duration: 51s; +} +.progrecss[data-progrecss-mock="52"].staggered.mock:after { + -webkit-animation-name: staggered-mock; + animation-name: staggered-mock; + -webkit-animation-duration: 52s; + animation-duration: 52s; +} +.progrecss[data-progrecss-mock="53"].staggered.mock:after { + -webkit-animation-name: staggered-mock; + animation-name: staggered-mock; + -webkit-animation-duration: 53s; + animation-duration: 53s; +} +.progrecss[data-progrecss-mock="54"].staggered.mock:after { + -webkit-animation-name: staggered-mock; + animation-name: staggered-mock; + -webkit-animation-duration: 54s; + animation-duration: 54s; +} +.progrecss[data-progrecss-mock="55"].staggered.mock:after { + -webkit-animation-name: staggered-mock; + animation-name: staggered-mock; + -webkit-animation-duration: 55s; + animation-duration: 55s; +} +.progrecss[data-progrecss-mock="56"].staggered.mock:after { + -webkit-animation-name: staggered-mock; + animation-name: staggered-mock; + -webkit-animation-duration: 56s; + animation-duration: 56s; +} +.progrecss[data-progrecss-mock="57"].staggered.mock:after { + -webkit-animation-name: staggered-mock; + animation-name: staggered-mock; + -webkit-animation-duration: 57s; + animation-duration: 57s; +} +.progrecss[data-progrecss-mock="58"].staggered.mock:after { + -webkit-animation-name: staggered-mock; + animation-name: staggered-mock; + -webkit-animation-duration: 58s; + animation-duration: 58s; +} +.progrecss[data-progrecss-mock="59"].staggered.mock:after { + -webkit-animation-name: staggered-mock; + animation-name: staggered-mock; + -webkit-animation-duration: 59s; + animation-duration: 59s; +} +.progrecss[data-progrecss-mock="60"].staggered.mock:after { + -webkit-animation-name: staggered-mock; + animation-name: staggered-mock; + -webkit-animation-duration: 60s; + animation-duration: 60s; +} +.progrecss[data-progrecss-mock="61"].staggered.mock:after { + -webkit-animation-name: staggered-mock; + animation-name: staggered-mock; + -webkit-animation-duration: 61s; + animation-duration: 61s; +} +.progrecss[data-progrecss-mock="62"].staggered.mock:after { + -webkit-animation-name: staggered-mock; + animation-name: staggered-mock; + -webkit-animation-duration: 62s; + animation-duration: 62s; +} +.progrecss[data-progrecss-mock="63"].staggered.mock:after { + -webkit-animation-name: staggered-mock; + animation-name: staggered-mock; + -webkit-animation-duration: 63s; + animation-duration: 63s; +} +.progrecss[data-progrecss-mock="64"].staggered.mock:after { + -webkit-animation-name: staggered-mock; + animation-name: staggered-mock; + -webkit-animation-duration: 64s; + animation-duration: 64s; +} +.progrecss[data-progrecss-mock="65"].staggered.mock:after { + -webkit-animation-name: staggered-mock; + animation-name: staggered-mock; + -webkit-animation-duration: 65s; + animation-duration: 65s; +} +.progrecss[data-progrecss-mock="66"].staggered.mock:after { + -webkit-animation-name: staggered-mock; + animation-name: staggered-mock; + -webkit-animation-duration: 66s; + animation-duration: 66s; +} +.progrecss[data-progrecss-mock="67"].staggered.mock:after { + -webkit-animation-name: staggered-mock; + animation-name: staggered-mock; + -webkit-animation-duration: 67s; + animation-duration: 67s; +} +.progrecss[data-progrecss-mock="68"].staggered.mock:after { + -webkit-animation-name: staggered-mock; + animation-name: staggered-mock; + -webkit-animation-duration: 68s; + animation-duration: 68s; +} +.progrecss[data-progrecss-mock="69"].staggered.mock:after { + -webkit-animation-name: staggered-mock; + animation-name: staggered-mock; + -webkit-animation-duration: 69s; + animation-duration: 69s; +} +.progrecss[data-progrecss-mock="70"].staggered.mock:after { + -webkit-animation-name: staggered-mock; + animation-name: staggered-mock; + -webkit-animation-duration: 70s; + animation-duration: 70s; +} +.progrecss[data-progrecss-mock="71"].staggered.mock:after { + -webkit-animation-name: staggered-mock; + animation-name: staggered-mock; + -webkit-animation-duration: 71s; + animation-duration: 71s; +} +.progrecss[data-progrecss-mock="72"].staggered.mock:after { + -webkit-animation-name: staggered-mock; + animation-name: staggered-mock; + -webkit-animation-duration: 72s; + animation-duration: 72s; +} +.progrecss[data-progrecss-mock="73"].staggered.mock:after { + -webkit-animation-name: staggered-mock; + animation-name: staggered-mock; + -webkit-animation-duration: 73s; + animation-duration: 73s; +} +.progrecss[data-progrecss-mock="74"].staggered.mock:after { + -webkit-animation-name: staggered-mock; + animation-name: staggered-mock; + -webkit-animation-duration: 74s; + animation-duration: 74s; +} +.progrecss[data-progrecss-mock="75"].staggered.mock:after { + -webkit-animation-name: staggered-mock; + animation-name: staggered-mock; + -webkit-animation-duration: 75s; + animation-duration: 75s; +} +.progrecss[data-progrecss-mock="76"].staggered.mock:after { + -webkit-animation-name: staggered-mock; + animation-name: staggered-mock; + -webkit-animation-duration: 76s; + animation-duration: 76s; +} +.progrecss[data-progrecss-mock="77"].staggered.mock:after { + -webkit-animation-name: staggered-mock; + animation-name: staggered-mock; + -webkit-animation-duration: 77s; + animation-duration: 77s; +} +.progrecss[data-progrecss-mock="78"].staggered.mock:after { + -webkit-animation-name: staggered-mock; + animation-name: staggered-mock; + -webkit-animation-duration: 78s; + animation-duration: 78s; +} +.progrecss[data-progrecss-mock="79"].staggered.mock:after { + -webkit-animation-name: staggered-mock; + animation-name: staggered-mock; + -webkit-animation-duration: 79s; + animation-duration: 79s; +} +.progrecss[data-progrecss-mock="80"].staggered.mock:after { + -webkit-animation-name: staggered-mock; + animation-name: staggered-mock; + -webkit-animation-duration: 80s; + animation-duration: 80s; +} +.progrecss[data-progrecss-mock="81"].staggered.mock:after { + -webkit-animation-name: staggered-mock; + animation-name: staggered-mock; + -webkit-animation-duration: 81s; + animation-duration: 81s; +} +.progrecss[data-progrecss-mock="82"].staggered.mock:after { + -webkit-animation-name: staggered-mock; + animation-name: staggered-mock; + -webkit-animation-duration: 82s; + animation-duration: 82s; +} +.progrecss[data-progrecss-mock="83"].staggered.mock:after { + -webkit-animation-name: staggered-mock; + animation-name: staggered-mock; + -webkit-animation-duration: 83s; + animation-duration: 83s; +} +.progrecss[data-progrecss-mock="84"].staggered.mock:after { + -webkit-animation-name: staggered-mock; + animation-name: staggered-mock; + -webkit-animation-duration: 84s; + animation-duration: 84s; +} +.progrecss[data-progrecss-mock="85"].staggered.mock:after { + -webkit-animation-name: staggered-mock; + animation-name: staggered-mock; + -webkit-animation-duration: 85s; + animation-duration: 85s; +} +.progrecss[data-progrecss-mock="86"].staggered.mock:after { + -webkit-animation-name: staggered-mock; + animation-name: staggered-mock; + -webkit-animation-duration: 86s; + animation-duration: 86s; +} +.progrecss[data-progrecss-mock="87"].staggered.mock:after { + -webkit-animation-name: staggered-mock; + animation-name: staggered-mock; + -webkit-animation-duration: 87s; + animation-duration: 87s; +} +.progrecss[data-progrecss-mock="88"].staggered.mock:after { + -webkit-animation-name: staggered-mock; + animation-name: staggered-mock; + -webkit-animation-duration: 88s; + animation-duration: 88s; +} +.progrecss[data-progrecss-mock="89"].staggered.mock:after { + -webkit-animation-name: staggered-mock; + animation-name: staggered-mock; + -webkit-animation-duration: 89s; + animation-duration: 89s; +} +.progrecss[data-progrecss-mock="90"].staggered.mock:after { + -webkit-animation-name: staggered-mock; + animation-name: staggered-mock; + -webkit-animation-duration: 90s; + animation-duration: 90s; +} +.progrecss[data-progrecss-mock="91"].staggered.mock:after { + -webkit-animation-name: staggered-mock; + animation-name: staggered-mock; + -webkit-animation-duration: 91s; + animation-duration: 91s; +} +.progrecss[data-progrecss-mock="92"].staggered.mock:after { + -webkit-animation-name: staggered-mock; + animation-name: staggered-mock; + -webkit-animation-duration: 92s; + animation-duration: 92s; +} +.progrecss[data-progrecss-mock="93"].staggered.mock:after { + -webkit-animation-name: staggered-mock; + animation-name: staggered-mock; + -webkit-animation-duration: 93s; + animation-duration: 93s; +} +.progrecss[data-progrecss-mock="94"].staggered.mock:after { + -webkit-animation-name: staggered-mock; + animation-name: staggered-mock; + -webkit-animation-duration: 94s; + animation-duration: 94s; +} +.progrecss[data-progrecss-mock="95"].staggered.mock:after { + -webkit-animation-name: staggered-mock; + animation-name: staggered-mock; + -webkit-animation-duration: 95s; + animation-duration: 95s; +} +.progrecss[data-progrecss-mock="96"].staggered.mock:after { + -webkit-animation-name: staggered-mock; + animation-name: staggered-mock; + -webkit-animation-duration: 96s; + animation-duration: 96s; +} +.progrecss[data-progrecss-mock="97"].staggered.mock:after { + -webkit-animation-name: staggered-mock; + animation-name: staggered-mock; + -webkit-animation-duration: 97s; + animation-duration: 97s; +} +.progrecss[data-progrecss-mock="98"].staggered.mock:after { + -webkit-animation-name: staggered-mock; + animation-name: staggered-mock; + -webkit-animation-duration: 98s; + animation-duration: 98s; +} +.progrecss[data-progrecss-mock="99"].staggered.mock:after { + -webkit-animation-name: staggered-mock; + animation-name: staggered-mock; + -webkit-animation-duration: 99s; + animation-duration: 99s; +} +.progrecss[data-progrecss-mock="100"].staggered.mock:after { + -webkit-animation-name: staggered-mock; + animation-name: staggered-mock; + -webkit-animation-duration: 100s; + animation-duration: 100s; +} +@-webkit-keyframes timer { + 0% { + width: 100%; + } + 100% { + width: 0%; + } +} +@keyframes timer { + 0% { + width: 100%; + } + 100% { + width: 0%; + } +} +.progrecss[data-progrecss-timer="0"].timer:after { + -webkit-animation-name: timer; + animation-name: timer; + -webkit-animation-duration: 0s; + animation-duration: 0s; +} +.progrecss[data-progrecss-timer="1"].timer:after { + -webkit-animation-name: timer; + animation-name: timer; + -webkit-animation-duration: 1s; + animation-duration: 1s; +} +.progrecss[data-progrecss-timer="2"].timer:after { + -webkit-animation-name: timer; + animation-name: timer; + -webkit-animation-duration: 2s; + animation-duration: 2s; +} +.progrecss[data-progrecss-timer="3"].timer:after { + -webkit-animation-name: timer; + animation-name: timer; + -webkit-animation-duration: 3s; + animation-duration: 3s; +} +.progrecss[data-progrecss-timer="4"].timer:after { + -webkit-animation-name: timer; + animation-name: timer; + -webkit-animation-duration: 4s; + animation-duration: 4s; +} +.progrecss[data-progrecss-timer="5"].timer:after { + -webkit-animation-name: timer; + animation-name: timer; + -webkit-animation-duration: 5s; + animation-duration: 5s; +} +.progrecss[data-progrecss-timer="6"].timer:after { + -webkit-animation-name: timer; + animation-name: timer; + -webkit-animation-duration: 6s; + animation-duration: 6s; +} +.progrecss[data-progrecss-timer="7"].timer:after { + -webkit-animation-name: timer; + animation-name: timer; + -webkit-animation-duration: 7s; + animation-duration: 7s; +} +.progrecss[data-progrecss-timer="8"].timer:after { + -webkit-animation-name: timer; + animation-name: timer; + -webkit-animation-duration: 8s; + animation-duration: 8s; +} +.progrecss[data-progrecss-timer="9"].timer:after { + -webkit-animation-name: timer; + animation-name: timer; + -webkit-animation-duration: 9s; + animation-duration: 9s; +} +.progrecss[data-progrecss-timer="10"].timer:after { + -webkit-animation-name: timer; + animation-name: timer; + -webkit-animation-duration: 10s; + animation-duration: 10s; +} +.progrecss[data-progrecss-timer="11"].timer:after { + -webkit-animation-name: timer; + animation-name: timer; + -webkit-animation-duration: 11s; + animation-duration: 11s; +} +.progrecss[data-progrecss-timer="12"].timer:after { + -webkit-animation-name: timer; + animation-name: timer; + -webkit-animation-duration: 12s; + animation-duration: 12s; +} +.progrecss[data-progrecss-timer="13"].timer:after { + -webkit-animation-name: timer; + animation-name: timer; + -webkit-animation-duration: 13s; + animation-duration: 13s; +} +.progrecss[data-progrecss-timer="14"].timer:after { + -webkit-animation-name: timer; + animation-name: timer; + -webkit-animation-duration: 14s; + animation-duration: 14s; +} +.progrecss[data-progrecss-timer="15"].timer:after { + -webkit-animation-name: timer; + animation-name: timer; + -webkit-animation-duration: 15s; + animation-duration: 15s; +} +.progrecss[data-progrecss-timer="16"].timer:after { + -webkit-animation-name: timer; + animation-name: timer; + -webkit-animation-duration: 16s; + animation-duration: 16s; +} +.progrecss[data-progrecss-timer="17"].timer:after { + -webkit-animation-name: timer; + animation-name: timer; + -webkit-animation-duration: 17s; + animation-duration: 17s; +} +.progrecss[data-progrecss-timer="18"].timer:after { + -webkit-animation-name: timer; + animation-name: timer; + -webkit-animation-duration: 18s; + animation-duration: 18s; +} +.progrecss[data-progrecss-timer="19"].timer:after { + -webkit-animation-name: timer; + animation-name: timer; + -webkit-animation-duration: 19s; + animation-duration: 19s; +} +.progrecss[data-progrecss-timer="20"].timer:after { + -webkit-animation-name: timer; + animation-name: timer; + -webkit-animation-duration: 20s; + animation-duration: 20s; +} +.progrecss[data-progrecss-timer="21"].timer:after { + -webkit-animation-name: timer; + animation-name: timer; + -webkit-animation-duration: 21s; + animation-duration: 21s; +} +.progrecss[data-progrecss-timer="22"].timer:after { + -webkit-animation-name: timer; + animation-name: timer; + -webkit-animation-duration: 22s; + animation-duration: 22s; +} +.progrecss[data-progrecss-timer="23"].timer:after { + -webkit-animation-name: timer; + animation-name: timer; + -webkit-animation-duration: 23s; + animation-duration: 23s; +} +.progrecss[data-progrecss-timer="24"].timer:after { + -webkit-animation-name: timer; + animation-name: timer; + -webkit-animation-duration: 24s; + animation-duration: 24s; +} +.progrecss[data-progrecss-timer="25"].timer:after { + -webkit-animation-name: timer; + animation-name: timer; + -webkit-animation-duration: 25s; + animation-duration: 25s; +} +.progrecss[data-progrecss-timer="26"].timer:after { + -webkit-animation-name: timer; + animation-name: timer; + -webkit-animation-duration: 26s; + animation-duration: 26s; +} +.progrecss[data-progrecss-timer="27"].timer:after { + -webkit-animation-name: timer; + animation-name: timer; + -webkit-animation-duration: 27s; + animation-duration: 27s; +} +.progrecss[data-progrecss-timer="28"].timer:after { + -webkit-animation-name: timer; + animation-name: timer; + -webkit-animation-duration: 28s; + animation-duration: 28s; +} +.progrecss[data-progrecss-timer="29"].timer:after { + -webkit-animation-name: timer; + animation-name: timer; + -webkit-animation-duration: 29s; + animation-duration: 29s; +} +.progrecss[data-progrecss-timer="30"].timer:after { + -webkit-animation-name: timer; + animation-name: timer; + -webkit-animation-duration: 30s; + animation-duration: 30s; +} +.progrecss[data-progrecss-timer="31"].timer:after { + -webkit-animation-name: timer; + animation-name: timer; + -webkit-animation-duration: 31s; + animation-duration: 31s; +} +.progrecss[data-progrecss-timer="32"].timer:after { + -webkit-animation-name: timer; + animation-name: timer; + -webkit-animation-duration: 32s; + animation-duration: 32s; +} +.progrecss[data-progrecss-timer="33"].timer:after { + -webkit-animation-name: timer; + animation-name: timer; + -webkit-animation-duration: 33s; + animation-duration: 33s; +} +.progrecss[data-progrecss-timer="34"].timer:after { + -webkit-animation-name: timer; + animation-name: timer; + -webkit-animation-duration: 34s; + animation-duration: 34s; +} +.progrecss[data-progrecss-timer="35"].timer:after { + -webkit-animation-name: timer; + animation-name: timer; + -webkit-animation-duration: 35s; + animation-duration: 35s; +} +.progrecss[data-progrecss-timer="36"].timer:after { + -webkit-animation-name: timer; + animation-name: timer; + -webkit-animation-duration: 36s; + animation-duration: 36s; +} +.progrecss[data-progrecss-timer="37"].timer:after { + -webkit-animation-name: timer; + animation-name: timer; + -webkit-animation-duration: 37s; + animation-duration: 37s; +} +.progrecss[data-progrecss-timer="38"].timer:after { + -webkit-animation-name: timer; + animation-name: timer; + -webkit-animation-duration: 38s; + animation-duration: 38s; +} +.progrecss[data-progrecss-timer="39"].timer:after { + -webkit-animation-name: timer; + animation-name: timer; + -webkit-animation-duration: 39s; + animation-duration: 39s; +} +.progrecss[data-progrecss-timer="40"].timer:after { + -webkit-animation-name: timer; + animation-name: timer; + -webkit-animation-duration: 40s; + animation-duration: 40s; +} +.progrecss[data-progrecss-timer="41"].timer:after { + -webkit-animation-name: timer; + animation-name: timer; + -webkit-animation-duration: 41s; + animation-duration: 41s; +} +.progrecss[data-progrecss-timer="42"].timer:after { + -webkit-animation-name: timer; + animation-name: timer; + -webkit-animation-duration: 42s; + animation-duration: 42s; +} +.progrecss[data-progrecss-timer="43"].timer:after { + -webkit-animation-name: timer; + animation-name: timer; + -webkit-animation-duration: 43s; + animation-duration: 43s; +} +.progrecss[data-progrecss-timer="44"].timer:after { + -webkit-animation-name: timer; + animation-name: timer; + -webkit-animation-duration: 44s; + animation-duration: 44s; +} +.progrecss[data-progrecss-timer="45"].timer:after { + -webkit-animation-name: timer; + animation-name: timer; + -webkit-animation-duration: 45s; + animation-duration: 45s; +} +.progrecss[data-progrecss-timer="46"].timer:after { + -webkit-animation-name: timer; + animation-name: timer; + -webkit-animation-duration: 46s; + animation-duration: 46s; +} +.progrecss[data-progrecss-timer="47"].timer:after { + -webkit-animation-name: timer; + animation-name: timer; + -webkit-animation-duration: 47s; + animation-duration: 47s; +} +.progrecss[data-progrecss-timer="48"].timer:after { + -webkit-animation-name: timer; + animation-name: timer; + -webkit-animation-duration: 48s; + animation-duration: 48s; +} +.progrecss[data-progrecss-timer="49"].timer:after { + -webkit-animation-name: timer; + animation-name: timer; + -webkit-animation-duration: 49s; + animation-duration: 49s; +} +.progrecss[data-progrecss-timer="50"].timer:after { + -webkit-animation-name: timer; + animation-name: timer; + -webkit-animation-duration: 50s; + animation-duration: 50s; +} +.progrecss[data-progrecss-timer="51"].timer:after { + -webkit-animation-name: timer; + animation-name: timer; + -webkit-animation-duration: 51s; + animation-duration: 51s; +} +.progrecss[data-progrecss-timer="52"].timer:after { + -webkit-animation-name: timer; + animation-name: timer; + -webkit-animation-duration: 52s; + animation-duration: 52s; +} +.progrecss[data-progrecss-timer="53"].timer:after { + -webkit-animation-name: timer; + animation-name: timer; + -webkit-animation-duration: 53s; + animation-duration: 53s; +} +.progrecss[data-progrecss-timer="54"].timer:after { + -webkit-animation-name: timer; + animation-name: timer; + -webkit-animation-duration: 54s; + animation-duration: 54s; +} +.progrecss[data-progrecss-timer="55"].timer:after { + -webkit-animation-name: timer; + animation-name: timer; + -webkit-animation-duration: 55s; + animation-duration: 55s; +} +.progrecss[data-progrecss-timer="56"].timer:after { + -webkit-animation-name: timer; + animation-name: timer; + -webkit-animation-duration: 56s; + animation-duration: 56s; +} +.progrecss[data-progrecss-timer="57"].timer:after { + -webkit-animation-name: timer; + animation-name: timer; + -webkit-animation-duration: 57s; + animation-duration: 57s; +} +.progrecss[data-progrecss-timer="58"].timer:after { + -webkit-animation-name: timer; + animation-name: timer; + -webkit-animation-duration: 58s; + animation-duration: 58s; +} +.progrecss[data-progrecss-timer="59"].timer:after { + -webkit-animation-name: timer; + animation-name: timer; + -webkit-animation-duration: 59s; + animation-duration: 59s; +} +.progrecss[data-progrecss-timer="60"].timer:after { + -webkit-animation-name: timer; + animation-name: timer; + -webkit-animation-duration: 60s; + animation-duration: 60s; +} +.progrecss[data-progrecss-timer="61"].timer:after { + -webkit-animation-name: timer; + animation-name: timer; + -webkit-animation-duration: 61s; + animation-duration: 61s; +} +.progrecss[data-progrecss-timer="62"].timer:after { + -webkit-animation-name: timer; + animation-name: timer; + -webkit-animation-duration: 62s; + animation-duration: 62s; +} +.progrecss[data-progrecss-timer="63"].timer:after { + -webkit-animation-name: timer; + animation-name: timer; + -webkit-animation-duration: 63s; + animation-duration: 63s; +} +.progrecss[data-progrecss-timer="64"].timer:after { + -webkit-animation-name: timer; + animation-name: timer; + -webkit-animation-duration: 64s; + animation-duration: 64s; +} +.progrecss[data-progrecss-timer="65"].timer:after { + -webkit-animation-name: timer; + animation-name: timer; + -webkit-animation-duration: 65s; + animation-duration: 65s; +} +.progrecss[data-progrecss-timer="66"].timer:after { + -webkit-animation-name: timer; + animation-name: timer; + -webkit-animation-duration: 66s; + animation-duration: 66s; +} +.progrecss[data-progrecss-timer="67"].timer:after { + -webkit-animation-name: timer; + animation-name: timer; + -webkit-animation-duration: 67s; + animation-duration: 67s; +} +.progrecss[data-progrecss-timer="68"].timer:after { + -webkit-animation-name: timer; + animation-name: timer; + -webkit-animation-duration: 68s; + animation-duration: 68s; +} +.progrecss[data-progrecss-timer="69"].timer:after { + -webkit-animation-name: timer; + animation-name: timer; + -webkit-animation-duration: 69s; + animation-duration: 69s; +} +.progrecss[data-progrecss-timer="70"].timer:after { + -webkit-animation-name: timer; + animation-name: timer; + -webkit-animation-duration: 70s; + animation-duration: 70s; +} +.progrecss[data-progrecss-timer="71"].timer:after { + -webkit-animation-name: timer; + animation-name: timer; + -webkit-animation-duration: 71s; + animation-duration: 71s; +} +.progrecss[data-progrecss-timer="72"].timer:after { + -webkit-animation-name: timer; + animation-name: timer; + -webkit-animation-duration: 72s; + animation-duration: 72s; +} +.progrecss[data-progrecss-timer="73"].timer:after { + -webkit-animation-name: timer; + animation-name: timer; + -webkit-animation-duration: 73s; + animation-duration: 73s; +} +.progrecss[data-progrecss-timer="74"].timer:after { + -webkit-animation-name: timer; + animation-name: timer; + -webkit-animation-duration: 74s; + animation-duration: 74s; +} +.progrecss[data-progrecss-timer="75"].timer:after { + -webkit-animation-name: timer; + animation-name: timer; + -webkit-animation-duration: 75s; + animation-duration: 75s; +} +.progrecss[data-progrecss-timer="76"].timer:after { + -webkit-animation-name: timer; + animation-name: timer; + -webkit-animation-duration: 76s; + animation-duration: 76s; +} +.progrecss[data-progrecss-timer="77"].timer:after { + -webkit-animation-name: timer; + animation-name: timer; + -webkit-animation-duration: 77s; + animation-duration: 77s; +} +.progrecss[data-progrecss-timer="78"].timer:after { + -webkit-animation-name: timer; + animation-name: timer; + -webkit-animation-duration: 78s; + animation-duration: 78s; +} +.progrecss[data-progrecss-timer="79"].timer:after { + -webkit-animation-name: timer; + animation-name: timer; + -webkit-animation-duration: 79s; + animation-duration: 79s; +} +.progrecss[data-progrecss-timer="80"].timer:after { + -webkit-animation-name: timer; + animation-name: timer; + -webkit-animation-duration: 80s; + animation-duration: 80s; +} +.progrecss[data-progrecss-timer="81"].timer:after { + -webkit-animation-name: timer; + animation-name: timer; + -webkit-animation-duration: 81s; + animation-duration: 81s; +} +.progrecss[data-progrecss-timer="82"].timer:after { + -webkit-animation-name: timer; + animation-name: timer; + -webkit-animation-duration: 82s; + animation-duration: 82s; +} +.progrecss[data-progrecss-timer="83"].timer:after { + -webkit-animation-name: timer; + animation-name: timer; + -webkit-animation-duration: 83s; + animation-duration: 83s; +} +.progrecss[data-progrecss-timer="84"].timer:after { + -webkit-animation-name: timer; + animation-name: timer; + -webkit-animation-duration: 84s; + animation-duration: 84s; +} +.progrecss[data-progrecss-timer="85"].timer:after { + -webkit-animation-name: timer; + animation-name: timer; + -webkit-animation-duration: 85s; + animation-duration: 85s; +} +.progrecss[data-progrecss-timer="86"].timer:after { + -webkit-animation-name: timer; + animation-name: timer; + -webkit-animation-duration: 86s; + animation-duration: 86s; +} +.progrecss[data-progrecss-timer="87"].timer:after { + -webkit-animation-name: timer; + animation-name: timer; + -webkit-animation-duration: 87s; + animation-duration: 87s; +} +.progrecss[data-progrecss-timer="88"].timer:after { + -webkit-animation-name: timer; + animation-name: timer; + -webkit-animation-duration: 88s; + animation-duration: 88s; +} +.progrecss[data-progrecss-timer="89"].timer:after { + -webkit-animation-name: timer; + animation-name: timer; + -webkit-animation-duration: 89s; + animation-duration: 89s; +} +.progrecss[data-progrecss-timer="90"].timer:after { + -webkit-animation-name: timer; + animation-name: timer; + -webkit-animation-duration: 90s; + animation-duration: 90s; +} +.progrecss[data-progrecss-timer="91"].timer:after { + -webkit-animation-name: timer; + animation-name: timer; + -webkit-animation-duration: 91s; + animation-duration: 91s; +} +.progrecss[data-progrecss-timer="92"].timer:after { + -webkit-animation-name: timer; + animation-name: timer; + -webkit-animation-duration: 92s; + animation-duration: 92s; +} +.progrecss[data-progrecss-timer="93"].timer:after { + -webkit-animation-name: timer; + animation-name: timer; + -webkit-animation-duration: 93s; + animation-duration: 93s; +} +.progrecss[data-progrecss-timer="94"].timer:after { + -webkit-animation-name: timer; + animation-name: timer; + -webkit-animation-duration: 94s; + animation-duration: 94s; +} +.progrecss[data-progrecss-timer="95"].timer:after { + -webkit-animation-name: timer; + animation-name: timer; + -webkit-animation-duration: 95s; + animation-duration: 95s; +} +.progrecss[data-progrecss-timer="96"].timer:after { + -webkit-animation-name: timer; + animation-name: timer; + -webkit-animation-duration: 96s; + animation-duration: 96s; +} +.progrecss[data-progrecss-timer="97"].timer:after { + -webkit-animation-name: timer; + animation-name: timer; + -webkit-animation-duration: 97s; + animation-duration: 97s; +} +.progrecss[data-progrecss-timer="98"].timer:after { + -webkit-animation-name: timer; + animation-name: timer; + -webkit-animation-duration: 98s; + animation-duration: 98s; +} +.progrecss[data-progrecss-timer="99"].timer:after { + -webkit-animation-name: timer; + animation-name: timer; + -webkit-animation-duration: 99s; + animation-duration: 99s; +} +.progrecss[data-progrecss-timer="100"].timer:after { + -webkit-animation-name: timer; + animation-name: timer; + -webkit-animation-duration: 100s; + animation-duration: 100s; +} +.progrecss[data-progrecss].green:after, +.progrecss[data-progrecss-mock].green:after, +.progrecss[data-progrecss-timer].green:after { + background-color: #2ecc71; +} +.progrecss[data-progrecss].blue:after, +.progrecss[data-progrecss-mock].blue:after, +.progrecss[data-progrecss-timer].blue:after { + background-color: #3498db; +} +.progrecss[data-progrecss].purple:after, +.progrecss[data-progrecss-mock].purple:after, +.progrecss[data-progrecss-timer].purple:after { + background-color: #9b59b6; +} +.progrecss[data-progrecss].yellow:after, +.progrecss[data-progrecss-mock].yellow:after, +.progrecss[data-progrecss-timer].yellow:after { + background-color: #f1c40f; +} +.progrecss[data-progrecss].orange:after, +.progrecss[data-progrecss-mock].orange:after, +.progrecss[data-progrecss-timer].orange:after { + background-color: #e67e22; +} +.progrecss[data-progrecss].red:after, +.progrecss[data-progrecss-mock].red:after, +.progrecss[data-progrecss-timer].red:after { + background-color: #e74c3c; +} +.progrecss[data-progrecss][data-progrecss-duration="0"]:after { + -webkit-transition: width 0s; + transition: width 0s; +} +.progrecss[data-progrecss][data-progrecss-duration="1"]:after { + -webkit-transition: width 1s; + transition: width 1s; +} +.progrecss[data-progrecss][data-progrecss-duration="2"]:after { + -webkit-transition: width 2s; + transition: width 2s; +} +.progrecss[data-progrecss][data-progrecss-duration="3"]:after { + -webkit-transition: width 3s; + transition: width 3s; +} +.progrecss[data-progrecss][data-progrecss-duration="4"]:after { + -webkit-transition: width 4s; + transition: width 4s; +} +.progrecss[data-progrecss][data-progrecss-duration="5"]:after { + -webkit-transition: width 5s; + transition: width 5s; +} +.progrecss[data-progrecss][data-progrecss-duration="6"]:after { + -webkit-transition: width 6s; + transition: width 6s; +} +.progrecss[data-progrecss][data-progrecss-duration="7"]:after { + -webkit-transition: width 7s; + transition: width 7s; +} +.progrecss[data-progrecss][data-progrecss-duration="8"]:after { + -webkit-transition: width 8s; + transition: width 8s; +} +.progrecss[data-progrecss][data-progrecss-duration="9"]:after { + -webkit-transition: width 9s; + transition: width 9s; +} +.progrecss[data-progrecss][data-progrecss-duration="10"]:after { + -webkit-transition: width 10s; + transition: width 10s; +} +.progrecss[data-progrecss][data-progrecss-duration="11"]:after { + -webkit-transition: width 11s; + transition: width 11s; +} +.progrecss[data-progrecss][data-progrecss-duration="12"]:after { + -webkit-transition: width 12s; + transition: width 12s; +} +.progrecss[data-progrecss][data-progrecss-duration="13"]:after { + -webkit-transition: width 13s; + transition: width 13s; +} +.progrecss[data-progrecss][data-progrecss-duration="14"]:after { + -webkit-transition: width 14s; + transition: width 14s; +} +.progrecss[data-progrecss][data-progrecss-duration="15"]:after { + -webkit-transition: width 15s; + transition: width 15s; +} +.progrecss[data-progrecss][data-progrecss-duration="16"]:after { + -webkit-transition: width 16s; + transition: width 16s; +} +.progrecss[data-progrecss][data-progrecss-duration="17"]:after { + -webkit-transition: width 17s; + transition: width 17s; +} +.progrecss[data-progrecss][data-progrecss-duration="18"]:after { + -webkit-transition: width 18s; + transition: width 18s; +} +.progrecss[data-progrecss][data-progrecss-duration="19"]:after { + -webkit-transition: width 19s; + transition: width 19s; +} +.progrecss[data-progrecss][data-progrecss-duration="20"]:after { + -webkit-transition: width 20s; + transition: width 20s; +} +.progrecss[data-progrecss][data-progrecss-duration="21"]:after { + -webkit-transition: width 21s; + transition: width 21s; +} +.progrecss[data-progrecss][data-progrecss-duration="22"]:after { + -webkit-transition: width 22s; + transition: width 22s; +} +.progrecss[data-progrecss][data-progrecss-duration="23"]:after { + -webkit-transition: width 23s; + transition: width 23s; +} +.progrecss[data-progrecss][data-progrecss-duration="24"]:after { + -webkit-transition: width 24s; + transition: width 24s; +} +.progrecss[data-progrecss][data-progrecss-duration="25"]:after { + -webkit-transition: width 25s; + transition: width 25s; +} +.progrecss[data-progrecss][data-progrecss-duration="26"]:after { + -webkit-transition: width 26s; + transition: width 26s; +} +.progrecss[data-progrecss][data-progrecss-duration="27"]:after { + -webkit-transition: width 27s; + transition: width 27s; +} +.progrecss[data-progrecss][data-progrecss-duration="28"]:after { + -webkit-transition: width 28s; + transition: width 28s; +} +.progrecss[data-progrecss][data-progrecss-duration="29"]:after { + -webkit-transition: width 29s; + transition: width 29s; +} +.progrecss[data-progrecss][data-progrecss-duration="30"]:after { + -webkit-transition: width 30s; + transition: width 30s; +} +.progrecss[data-progrecss][data-progrecss-duration="31"]:after { + -webkit-transition: width 31s; + transition: width 31s; +} +.progrecss[data-progrecss][data-progrecss-duration="32"]:after { + -webkit-transition: width 32s; + transition: width 32s; +} +.progrecss[data-progrecss][data-progrecss-duration="33"]:after { + -webkit-transition: width 33s; + transition: width 33s; +} +.progrecss[data-progrecss][data-progrecss-duration="34"]:after { + -webkit-transition: width 34s; + transition: width 34s; +} +.progrecss[data-progrecss][data-progrecss-duration="35"]:after { + -webkit-transition: width 35s; + transition: width 35s; +} +.progrecss[data-progrecss][data-progrecss-duration="36"]:after { + -webkit-transition: width 36s; + transition: width 36s; +} +.progrecss[data-progrecss][data-progrecss-duration="37"]:after { + -webkit-transition: width 37s; + transition: width 37s; +} +.progrecss[data-progrecss][data-progrecss-duration="38"]:after { + -webkit-transition: width 38s; + transition: width 38s; +} +.progrecss[data-progrecss][data-progrecss-duration="39"]:after { + -webkit-transition: width 39s; + transition: width 39s; +} +.progrecss[data-progrecss][data-progrecss-duration="40"]:after { + -webkit-transition: width 40s; + transition: width 40s; +} +.progrecss[data-progrecss][data-progrecss-duration="41"]:after { + -webkit-transition: width 41s; + transition: width 41s; +} +.progrecss[data-progrecss][data-progrecss-duration="42"]:after { + -webkit-transition: width 42s; + transition: width 42s; +} +.progrecss[data-progrecss][data-progrecss-duration="43"]:after { + -webkit-transition: width 43s; + transition: width 43s; +} +.progrecss[data-progrecss][data-progrecss-duration="44"]:after { + -webkit-transition: width 44s; + transition: width 44s; +} +.progrecss[data-progrecss][data-progrecss-duration="45"]:after { + -webkit-transition: width 45s; + transition: width 45s; +} +.progrecss[data-progrecss][data-progrecss-duration="46"]:after { + -webkit-transition: width 46s; + transition: width 46s; +} +.progrecss[data-progrecss][data-progrecss-duration="47"]:after { + -webkit-transition: width 47s; + transition: width 47s; +} +.progrecss[data-progrecss][data-progrecss-duration="48"]:after { + -webkit-transition: width 48s; + transition: width 48s; +} +.progrecss[data-progrecss][data-progrecss-duration="49"]:after { + -webkit-transition: width 49s; + transition: width 49s; +} +.progrecss[data-progrecss][data-progrecss-duration="50"]:after { + -webkit-transition: width 50s; + transition: width 50s; +} +.progrecss[data-progrecss][data-progrecss-duration="51"]:after { + -webkit-transition: width 51s; + transition: width 51s; +} +.progrecss[data-progrecss][data-progrecss-duration="52"]:after { + -webkit-transition: width 52s; + transition: width 52s; +} +.progrecss[data-progrecss][data-progrecss-duration="53"]:after { + -webkit-transition: width 53s; + transition: width 53s; +} +.progrecss[data-progrecss][data-progrecss-duration="54"]:after { + -webkit-transition: width 54s; + transition: width 54s; +} +.progrecss[data-progrecss][data-progrecss-duration="55"]:after { + -webkit-transition: width 55s; + transition: width 55s; +} +.progrecss[data-progrecss][data-progrecss-duration="56"]:after { + -webkit-transition: width 56s; + transition: width 56s; +} +.progrecss[data-progrecss][data-progrecss-duration="57"]:after { + -webkit-transition: width 57s; + transition: width 57s; +} +.progrecss[data-progrecss][data-progrecss-duration="58"]:after { + -webkit-transition: width 58s; + transition: width 58s; +} +.progrecss[data-progrecss][data-progrecss-duration="59"]:after { + -webkit-transition: width 59s; + transition: width 59s; +} +.progrecss[data-progrecss][data-progrecss-duration="60"]:after { + -webkit-transition: width 60s; + transition: width 60s; +} +.progrecss[data-progrecss][data-progrecss-duration="61"]:after { + -webkit-transition: width 61s; + transition: width 61s; +} +.progrecss[data-progrecss][data-progrecss-duration="62"]:after { + -webkit-transition: width 62s; + transition: width 62s; +} +.progrecss[data-progrecss][data-progrecss-duration="63"]:after { + -webkit-transition: width 63s; + transition: width 63s; +} +.progrecss[data-progrecss][data-progrecss-duration="64"]:after { + -webkit-transition: width 64s; + transition: width 64s; +} +.progrecss[data-progrecss][data-progrecss-duration="65"]:after { + -webkit-transition: width 65s; + transition: width 65s; +} +.progrecss[data-progrecss][data-progrecss-duration="66"]:after { + -webkit-transition: width 66s; + transition: width 66s; +} +.progrecss[data-progrecss][data-progrecss-duration="67"]:after { + -webkit-transition: width 67s; + transition: width 67s; +} +.progrecss[data-progrecss][data-progrecss-duration="68"]:after { + -webkit-transition: width 68s; + transition: width 68s; +} +.progrecss[data-progrecss][data-progrecss-duration="69"]:after { + -webkit-transition: width 69s; + transition: width 69s; +} +.progrecss[data-progrecss][data-progrecss-duration="70"]:after { + -webkit-transition: width 70s; + transition: width 70s; +} +.progrecss[data-progrecss][data-progrecss-duration="71"]:after { + -webkit-transition: width 71s; + transition: width 71s; +} +.progrecss[data-progrecss][data-progrecss-duration="72"]:after { + -webkit-transition: width 72s; + transition: width 72s; +} +.progrecss[data-progrecss][data-progrecss-duration="73"]:after { + -webkit-transition: width 73s; + transition: width 73s; +} +.progrecss[data-progrecss][data-progrecss-duration="74"]:after { + -webkit-transition: width 74s; + transition: width 74s; +} +.progrecss[data-progrecss][data-progrecss-duration="75"]:after { + -webkit-transition: width 75s; + transition: width 75s; +} +.progrecss[data-progrecss][data-progrecss-duration="76"]:after { + -webkit-transition: width 76s; + transition: width 76s; +} +.progrecss[data-progrecss][data-progrecss-duration="77"]:after { + -webkit-transition: width 77s; + transition: width 77s; +} +.progrecss[data-progrecss][data-progrecss-duration="78"]:after { + -webkit-transition: width 78s; + transition: width 78s; +} +.progrecss[data-progrecss][data-progrecss-duration="79"]:after { + -webkit-transition: width 79s; + transition: width 79s; +} +.progrecss[data-progrecss][data-progrecss-duration="80"]:after { + -webkit-transition: width 80s; + transition: width 80s; +} +.progrecss[data-progrecss][data-progrecss-duration="81"]:after { + -webkit-transition: width 81s; + transition: width 81s; +} +.progrecss[data-progrecss][data-progrecss-duration="82"]:after { + -webkit-transition: width 82s; + transition: width 82s; +} +.progrecss[data-progrecss][data-progrecss-duration="83"]:after { + -webkit-transition: width 83s; + transition: width 83s; +} +.progrecss[data-progrecss][data-progrecss-duration="84"]:after { + -webkit-transition: width 84s; + transition: width 84s; +} +.progrecss[data-progrecss][data-progrecss-duration="85"]:after { + -webkit-transition: width 85s; + transition: width 85s; +} +.progrecss[data-progrecss][data-progrecss-duration="86"]:after { + -webkit-transition: width 86s; + transition: width 86s; +} +.progrecss[data-progrecss][data-progrecss-duration="87"]:after { + -webkit-transition: width 87s; + transition: width 87s; +} +.progrecss[data-progrecss][data-progrecss-duration="88"]:after { + -webkit-transition: width 88s; + transition: width 88s; +} +.progrecss[data-progrecss][data-progrecss-duration="89"]:after { + -webkit-transition: width 89s; + transition: width 89s; +} +.progrecss[data-progrecss][data-progrecss-duration="90"]:after { + -webkit-transition: width 90s; + transition: width 90s; +} +.progrecss[data-progrecss][data-progrecss-duration="91"]:after { + -webkit-transition: width 91s; + transition: width 91s; +} +.progrecss[data-progrecss][data-progrecss-duration="92"]:after { + -webkit-transition: width 92s; + transition: width 92s; +} +.progrecss[data-progrecss][data-progrecss-duration="93"]:after { + -webkit-transition: width 93s; + transition: width 93s; +} +.progrecss[data-progrecss][data-progrecss-duration="94"]:after { + -webkit-transition: width 94s; + transition: width 94s; +} +.progrecss[data-progrecss][data-progrecss-duration="95"]:after { + -webkit-transition: width 95s; + transition: width 95s; +} +.progrecss[data-progrecss][data-progrecss-duration="96"]:after { + -webkit-transition: width 96s; + transition: width 96s; +} +.progrecss[data-progrecss][data-progrecss-duration="97"]:after { + -webkit-transition: width 97s; + transition: width 97s; +} +.progrecss[data-progrecss][data-progrecss-duration="98"]:after { + -webkit-transition: width 98s; + transition: width 98s; +} +.progrecss[data-progrecss][data-progrecss-duration="99"]:after { + -webkit-transition: width 99s; + transition: width 99s; +} +.progrecss[data-progrecss][data-progrecss-duration="100"]:after { + -webkit-transition: width 100s; + transition: width 100s; +} diff --git a/dist/progrecss.js b/dist/progrecss.js new file mode 100644 index 0000000..d7de8cc --- /dev/null +++ b/dist/progrecss.js @@ -0,0 +1,93 @@ +(function() { + var progrecss; + + progrecss = window.progrecss = function(element, options) { + if (!(this instanceof progrecss)) { + return new progrecss(element, options); + } + this._element = element; + this._color = (options !== undefined && options.color !== undefined ? options.color : "green"); + this._position = (options !== undefined && options.position !== undefined ? options.position : "top"); + this._percent = (options !== undefined && options.percent !== undefined ? options.percent : 0); + this._mock = (options !== undefined && options.mock !== undefined ? true : false); + this._mockDuration = (options !== undefined && options.mock.mockDuration !== undefined ? options.mock.mockDuration : 5); + this._startMockOnCreate = (options !== undefined && options.mock.startMockOnCreate !== undefined ? options.mock.startMockOnCreate : true); + this._staggered = (options !== undefined && options.mock.staggered !== undefined ? options.mock.staggered : false); + this._timer = (options !== undefined && options.timer !== undefined ? true : false); + this._reverse = (options !== undefined && options.reverse !== undefined ? options.reverse : false); + this._timerDuration = (options !== undefined && options.timer !== undefined && options.timer.timerDuration !== undefined ? options.timer.timerDuration : 5); + this._startTimerOnCreate = (options !== undefined && options.timer !== undefined && options.timer.startTimerOnCreate !== undefined ? options.timer.startTimerOnCreate : true); + this._create(); + }; + + progrecss.prototype._create = function() { + progrecss = this; + if (progrecss._element === undefined) { + progrecss._element = document.createElement("div"); + } + progrecss._element.className = "progrecss " + progrecss._position + " " + progrecss._color; + progrecss._element.setAttribute("data-progrecss", progrecss.percent); + if (progrecss._mock) { + progrecss._element.setAttribute("data-progrecss-mock", progrecss._mockDuration); + if (progrecss._staggered) { + progrecss._element.className += ' staggered'; + } + if (progrecss._startMockOnCreate) { + progrecss._element.className += ' mock'; + } + if (progrecss._reverse) { + progrecss._element.className += ' reverse'; + } + } else if (progrecss._timer) { + progrecss.element.setAttribute("data-progrecss-timer", progrecss._timerDuration); + if (progrecss._startTimerOnCreate) { + progrecss.element.className += " timer"; + } + if (progrecss._reverse) { + progrecss._element.className += ' reverse'; + } + } + }; + + progrecss.prototype.setprogrecss = function(percent) { + if (percent !== undefined && typeof percent === "number" && percent <= 100 && percent >= 0) { + this._element.setAttribute("data-progrecss", percent); + this._percent = percent; + } else { + throw Error("progrecss: ERROR percent must be a number and between 0 and 100."); + } + }; + + progrecss.prototype.pause = function() { + return this._element.className += ' pause'; + }; + + progrecss.prototype.play = function() { + return this._element.className = this._element.className.replace('pause', ''); + }; + + progrecss.prototype.togglePause = function() { + if (this._element.className.indexOf('pause') !== -1) { + return this.play(); + } else { + return this.pause(); + } + }; + + progrecss.prototype.startMock = function() { + progrecss = this; + progrecss._element.className += " mock"; + setTimeout((function() { + progrecss._element.className = progrecss._element.className.replace(/\bmock\b/, ""); + }), progrecss._mockDuration * 1000); + }; + + progrecss.prototype.startTimer = function() { + progrecss = this; + progrecss._element.className += " timer"; + setTimeout((function() { + progrecss._element.className = progrecss._element.className.replace(/\btimer\b/, ""); + }), progrecss._timerDuration * 1000); + }; + +}).call(this); diff --git a/dist/progrecss.min.css b/dist/progrecss.min.css new file mode 100644 index 0000000..0c0d508 --- /dev/null +++ b/dist/progrecss.min.css @@ -0,0 +1 @@ +.progrecss{display:block;position:relative}.progrecss:after{z-index:2}.progrecss.reverse:after{-webkit-animation-direction:reverse;animation-direction:reverse}.progrecss.pause:after{-webkit-animation-play-state:paused;animation-play-state:paused}.progrecss[data-progrecss]:after,.progrecss[data-progrecss-mock]:after,.progrecss[data-progrecss-timer]:after{content:"";display:block;position:absolute;-webkit-transition:width 1s ease 0s;transition:width 1s ease 0s;background-color:#3498db;-webkit-box-shadow:0 0 1px #3498db;box-shadow:0 0 1px #3498db;opacity:.6;height:4px;border-radius:0;top:0}.progrecss[data-progrecss].bottom:after,.progrecss[data-progrecss-mock].bottom:after,.progrecss[data-progrecss-timer].bottom:after{top:100%}.progrecss[data-progrecss].fixed:after,.progrecss[data-progrecss-mock].fixed:after,.progrecss[data-progrecss-timer].fixed:after{position:fixed;top:0;left:0}.progrecss[data-progrecss].fixed.bottom:after,.progrecss[data-progrecss-mock].fixed.bottom:after,.progrecss[data-progrecss-timer].fixed.bottom:after{position:fixed;top:100%}.progrecss[data-progrecss="0"]:after{width:0}.progrecss[data-progrecss="1"]:after{width:1%}.progrecss[data-progrecss="2"]:after{width:2%}.progrecss[data-progrecss="3"]:after{width:3%}.progrecss[data-progrecss="4"]:after{width:4%}.progrecss[data-progrecss="5"]:after{width:5%}.progrecss[data-progrecss="6"]:after{width:6%}.progrecss[data-progrecss="7"]:after{width:7%}.progrecss[data-progrecss="8"]:after{width:8%}.progrecss[data-progrecss="9"]:after{width:9%}.progrecss[data-progrecss="10"]:after{width:10%}.progrecss[data-progrecss="11"]:after{width:11%}.progrecss[data-progrecss="12"]:after{width:12%}.progrecss[data-progrecss="13"]:after{width:13%}.progrecss[data-progrecss="14"]:after{width:14%}.progrecss[data-progrecss="15"]:after{width:15%}.progrecss[data-progrecss="16"]:after{width:16%}.progrecss[data-progrecss="17"]:after{width:17%}.progrecss[data-progrecss="18"]:after{width:18%}.progrecss[data-progrecss="19"]:after{width:19%}.progrecss[data-progrecss="20"]:after{width:20%}.progrecss[data-progrecss="21"]:after{width:21%}.progrecss[data-progrecss="22"]:after{width:22%}.progrecss[data-progrecss="23"]:after{width:23%}.progrecss[data-progrecss="24"]:after{width:24%}.progrecss[data-progrecss="25"]:after{width:25%}.progrecss[data-progrecss="26"]:after{width:26%}.progrecss[data-progrecss="27"]:after{width:27%}.progrecss[data-progrecss="28"]:after{width:28%}.progrecss[data-progrecss="29"]:after{width:29%}.progrecss[data-progrecss="30"]:after{width:30%}.progrecss[data-progrecss="31"]:after{width:31%}.progrecss[data-progrecss="32"]:after{width:32%}.progrecss[data-progrecss="33"]:after{width:33%}.progrecss[data-progrecss="34"]:after{width:34%}.progrecss[data-progrecss="35"]:after{width:35%}.progrecss[data-progrecss="36"]:after{width:36%}.progrecss[data-progrecss="37"]:after{width:37%}.progrecss[data-progrecss="38"]:after{width:38%}.progrecss[data-progrecss="39"]:after{width:39%}.progrecss[data-progrecss="40"]:after{width:40%}.progrecss[data-progrecss="41"]:after{width:41%}.progrecss[data-progrecss="42"]:after{width:42%}.progrecss[data-progrecss="43"]:after{width:43%}.progrecss[data-progrecss="44"]:after{width:44%}.progrecss[data-progrecss="45"]:after{width:45%}.progrecss[data-progrecss="46"]:after{width:46%}.progrecss[data-progrecss="47"]:after{width:47%}.progrecss[data-progrecss="48"]:after{width:48%}.progrecss[data-progrecss="49"]:after{width:49%}.progrecss[data-progrecss="50"]:after{width:50%}.progrecss[data-progrecss="51"]:after{width:51%}.progrecss[data-progrecss="52"]:after{width:52%}.progrecss[data-progrecss="53"]:after{width:53%}.progrecss[data-progrecss="54"]:after{width:54%}.progrecss[data-progrecss="55"]:after{width:55%}.progrecss[data-progrecss="56"]:after{width:56%}.progrecss[data-progrecss="57"]:after{width:57%}.progrecss[data-progrecss="58"]:after{width:58%}.progrecss[data-progrecss="59"]:after{width:59%}.progrecss[data-progrecss="60"]:after{width:60%}.progrecss[data-progrecss="61"]:after{width:61%}.progrecss[data-progrecss="62"]:after{width:62%}.progrecss[data-progrecss="63"]:after{width:63%}.progrecss[data-progrecss="64"]:after{width:64%}.progrecss[data-progrecss="65"]:after{width:65%}.progrecss[data-progrecss="66"]:after{width:66%}.progrecss[data-progrecss="67"]:after{width:67%}.progrecss[data-progrecss="68"]:after{width:68%}.progrecss[data-progrecss="69"]:after{width:69%}.progrecss[data-progrecss="70"]:after{width:70%}.progrecss[data-progrecss="71"]:after{width:71%}.progrecss[data-progrecss="72"]:after{width:72%}.progrecss[data-progrecss="73"]:after{width:73%}.progrecss[data-progrecss="74"]:after{width:74%}.progrecss[data-progrecss="75"]:after{width:75%}.progrecss[data-progrecss="76"]:after{width:76%}.progrecss[data-progrecss="77"]:after{width:77%}.progrecss[data-progrecss="78"]:after{width:78%}.progrecss[data-progrecss="79"]:after{width:79%}.progrecss[data-progrecss="80"]:after{width:80%}.progrecss[data-progrecss="81"]:after{width:81%}.progrecss[data-progrecss="82"]:after{width:82%}.progrecss[data-progrecss="83"]:after{width:83%}.progrecss[data-progrecss="84"]:after{width:84%}.progrecss[data-progrecss="85"]:after{width:85%}.progrecss[data-progrecss="86"]:after{width:86%}.progrecss[data-progrecss="87"]:after{width:87%}.progrecss[data-progrecss="88"]:after{width:88%}.progrecss[data-progrecss="89"]:after{width:89%}.progrecss[data-progrecss="90"]:after{width:90%}.progrecss[data-progrecss="91"]:after{width:91%}.progrecss[data-progrecss="92"]:after{width:92%}.progrecss[data-progrecss="93"]:after{width:93%}.progrecss[data-progrecss="94"]:after{width:94%}.progrecss[data-progrecss="95"]:after{width:95%}.progrecss[data-progrecss="96"]:after{width:96%}.progrecss[data-progrecss="97"]:after{width:97%}.progrecss[data-progrecss="98"]:after{width:98%}.progrecss[data-progrecss="99"]:after{width:99%}.progrecss[data-progrecss="100"]:after{width:100%}@-webkit-keyframes mock{0%{width:0}100%{width:100%}}@keyframes mock{0%{width:0}100%{width:100%}}.progrecss[data-progrecss-mock="0"].mock:after{-webkit-animation-name:mock;animation-name:mock;-webkit-animation-duration:0s;animation-duration:0s}.progrecss[data-progrecss-mock="1"].mock:after{-webkit-animation-name:mock;animation-name:mock;-webkit-animation-duration:1s;animation-duration:1s}.progrecss[data-progrecss-mock="2"].mock:after{-webkit-animation-name:mock;animation-name:mock;-webkit-animation-duration:2s;animation-duration:2s}.progrecss[data-progrecss-mock="3"].mock:after{-webkit-animation-name:mock;animation-name:mock;-webkit-animation-duration:3s;animation-duration:3s}.progrecss[data-progrecss-mock="4"].mock:after{-webkit-animation-name:mock;animation-name:mock;-webkit-animation-duration:4s;animation-duration:4s}.progrecss[data-progrecss-mock="5"].mock:after{-webkit-animation-name:mock;animation-name:mock;-webkit-animation-duration:5s;animation-duration:5s}.progrecss[data-progrecss-mock="6"].mock:after{-webkit-animation-name:mock;animation-name:mock;-webkit-animation-duration:6s;animation-duration:6s}.progrecss[data-progrecss-mock="7"].mock:after{-webkit-animation-name:mock;animation-name:mock;-webkit-animation-duration:7s;animation-duration:7s}.progrecss[data-progrecss-mock="8"].mock:after{-webkit-animation-name:mock;animation-name:mock;-webkit-animation-duration:8s;animation-duration:8s}.progrecss[data-progrecss-mock="9"].mock:after{-webkit-animation-name:mock;animation-name:mock;-webkit-animation-duration:9s;animation-duration:9s}.progrecss[data-progrecss-mock="10"].mock:after{-webkit-animation-name:mock;animation-name:mock;-webkit-animation-duration:10s;animation-duration:10s}.progrecss[data-progrecss-mock="11"].mock:after{-webkit-animation-name:mock;animation-name:mock;-webkit-animation-duration:11s;animation-duration:11s}.progrecss[data-progrecss-mock="12"].mock:after{-webkit-animation-name:mock;animation-name:mock;-webkit-animation-duration:12s;animation-duration:12s}.progrecss[data-progrecss-mock="13"].mock:after{-webkit-animation-name:mock;animation-name:mock;-webkit-animation-duration:13s;animation-duration:13s}.progrecss[data-progrecss-mock="14"].mock:after{-webkit-animation-name:mock;animation-name:mock;-webkit-animation-duration:14s;animation-duration:14s}.progrecss[data-progrecss-mock="15"].mock:after{-webkit-animation-name:mock;animation-name:mock;-webkit-animation-duration:15s;animation-duration:15s}.progrecss[data-progrecss-mock="16"].mock:after{-webkit-animation-name:mock;animation-name:mock;-webkit-animation-duration:16s;animation-duration:16s}.progrecss[data-progrecss-mock="17"].mock:after{-webkit-animation-name:mock;animation-name:mock;-webkit-animation-duration:17s;animation-duration:17s}.progrecss[data-progrecss-mock="18"].mock:after{-webkit-animation-name:mock;animation-name:mock;-webkit-animation-duration:18s;animation-duration:18s}.progrecss[data-progrecss-mock="19"].mock:after{-webkit-animation-name:mock;animation-name:mock;-webkit-animation-duration:19s;animation-duration:19s}.progrecss[data-progrecss-mock="20"].mock:after{-webkit-animation-name:mock;animation-name:mock;-webkit-animation-duration:20s;animation-duration:20s}.progrecss[data-progrecss-mock="21"].mock:after{-webkit-animation-name:mock;animation-name:mock;-webkit-animation-duration:21s;animation-duration:21s}.progrecss[data-progrecss-mock="22"].mock:after{-webkit-animation-name:mock;animation-name:mock;-webkit-animation-duration:22s;animation-duration:22s}.progrecss[data-progrecss-mock="23"].mock:after{-webkit-animation-name:mock;animation-name:mock;-webkit-animation-duration:23s;animation-duration:23s}.progrecss[data-progrecss-mock="24"].mock:after{-webkit-animation-name:mock;animation-name:mock;-webkit-animation-duration:24s;animation-duration:24s}.progrecss[data-progrecss-mock="25"].mock:after{-webkit-animation-name:mock;animation-name:mock;-webkit-animation-duration:25s;animation-duration:25s}.progrecss[data-progrecss-mock="26"].mock:after{-webkit-animation-name:mock;animation-name:mock;-webkit-animation-duration:26s;animation-duration:26s}.progrecss[data-progrecss-mock="27"].mock:after{-webkit-animation-name:mock;animation-name:mock;-webkit-animation-duration:27s;animation-duration:27s}.progrecss[data-progrecss-mock="28"].mock:after{-webkit-animation-name:mock;animation-name:mock;-webkit-animation-duration:28s;animation-duration:28s}.progrecss[data-progrecss-mock="29"].mock:after{-webkit-animation-name:mock;animation-name:mock;-webkit-animation-duration:29s;animation-duration:29s}.progrecss[data-progrecss-mock="30"].mock:after{-webkit-animation-name:mock;animation-name:mock;-webkit-animation-duration:30s;animation-duration:30s}.progrecss[data-progrecss-mock="31"].mock:after{-webkit-animation-name:mock;animation-name:mock;-webkit-animation-duration:31s;animation-duration:31s}.progrecss[data-progrecss-mock="32"].mock:after{-webkit-animation-name:mock;animation-name:mock;-webkit-animation-duration:32s;animation-duration:32s}.progrecss[data-progrecss-mock="33"].mock:after{-webkit-animation-name:mock;animation-name:mock;-webkit-animation-duration:33s;animation-duration:33s}.progrecss[data-progrecss-mock="34"].mock:after{-webkit-animation-name:mock;animation-name:mock;-webkit-animation-duration:34s;animation-duration:34s}.progrecss[data-progrecss-mock="35"].mock:after{-webkit-animation-name:mock;animation-name:mock;-webkit-animation-duration:35s;animation-duration:35s}.progrecss[data-progrecss-mock="36"].mock:after{-webkit-animation-name:mock;animation-name:mock;-webkit-animation-duration:36s;animation-duration:36s}.progrecss[data-progrecss-mock="37"].mock:after{-webkit-animation-name:mock;animation-name:mock;-webkit-animation-duration:37s;animation-duration:37s}.progrecss[data-progrecss-mock="38"].mock:after{-webkit-animation-name:mock;animation-name:mock;-webkit-animation-duration:38s;animation-duration:38s}.progrecss[data-progrecss-mock="39"].mock:after{-webkit-animation-name:mock;animation-name:mock;-webkit-animation-duration:39s;animation-duration:39s}.progrecss[data-progrecss-mock="40"].mock:after{-webkit-animation-name:mock;animation-name:mock;-webkit-animation-duration:40s;animation-duration:40s}.progrecss[data-progrecss-mock="41"].mock:after{-webkit-animation-name:mock;animation-name:mock;-webkit-animation-duration:41s;animation-duration:41s}.progrecss[data-progrecss-mock="42"].mock:after{-webkit-animation-name:mock;animation-name:mock;-webkit-animation-duration:42s;animation-duration:42s}.progrecss[data-progrecss-mock="43"].mock:after{-webkit-animation-name:mock;animation-name:mock;-webkit-animation-duration:43s;animation-duration:43s}.progrecss[data-progrecss-mock="44"].mock:after{-webkit-animation-name:mock;animation-name:mock;-webkit-animation-duration:44s;animation-duration:44s}.progrecss[data-progrecss-mock="45"].mock:after{-webkit-animation-name:mock;animation-name:mock;-webkit-animation-duration:45s;animation-duration:45s}.progrecss[data-progrecss-mock="46"].mock:after{-webkit-animation-name:mock;animation-name:mock;-webkit-animation-duration:46s;animation-duration:46s}.progrecss[data-progrecss-mock="47"].mock:after{-webkit-animation-name:mock;animation-name:mock;-webkit-animation-duration:47s;animation-duration:47s}.progrecss[data-progrecss-mock="48"].mock:after{-webkit-animation-name:mock;animation-name:mock;-webkit-animation-duration:48s;animation-duration:48s}.progrecss[data-progrecss-mock="49"].mock:after{-webkit-animation-name:mock;animation-name:mock;-webkit-animation-duration:49s;animation-duration:49s}.progrecss[data-progrecss-mock="50"].mock:after{-webkit-animation-name:mock;animation-name:mock;-webkit-animation-duration:50s;animation-duration:50s}.progrecss[data-progrecss-mock="51"].mock:after{-webkit-animation-name:mock;animation-name:mock;-webkit-animation-duration:51s;animation-duration:51s}.progrecss[data-progrecss-mock="52"].mock:after{-webkit-animation-name:mock;animation-name:mock;-webkit-animation-duration:52s;animation-duration:52s}.progrecss[data-progrecss-mock="53"].mock:after{-webkit-animation-name:mock;animation-name:mock;-webkit-animation-duration:53s;animation-duration:53s}.progrecss[data-progrecss-mock="54"].mock:after{-webkit-animation-name:mock;animation-name:mock;-webkit-animation-duration:54s;animation-duration:54s}.progrecss[data-progrecss-mock="55"].mock:after{-webkit-animation-name:mock;animation-name:mock;-webkit-animation-duration:55s;animation-duration:55s}.progrecss[data-progrecss-mock="56"].mock:after{-webkit-animation-name:mock;animation-name:mock;-webkit-animation-duration:56s;animation-duration:56s}.progrecss[data-progrecss-mock="57"].mock:after{-webkit-animation-name:mock;animation-name:mock;-webkit-animation-duration:57s;animation-duration:57s}.progrecss[data-progrecss-mock="58"].mock:after{-webkit-animation-name:mock;animation-name:mock;-webkit-animation-duration:58s;animation-duration:58s}.progrecss[data-progrecss-mock="59"].mock:after{-webkit-animation-name:mock;animation-name:mock;-webkit-animation-duration:59s;animation-duration:59s}.progrecss[data-progrecss-mock="60"].mock:after{-webkit-animation-name:mock;animation-name:mock;-webkit-animation-duration:60s;animation-duration:60s}.progrecss[data-progrecss-mock="61"].mock:after{-webkit-animation-name:mock;animation-name:mock;-webkit-animation-duration:61s;animation-duration:61s}.progrecss[data-progrecss-mock="62"].mock:after{-webkit-animation-name:mock;animation-name:mock;-webkit-animation-duration:62s;animation-duration:62s}.progrecss[data-progrecss-mock="63"].mock:after{-webkit-animation-name:mock;animation-name:mock;-webkit-animation-duration:63s;animation-duration:63s}.progrecss[data-progrecss-mock="64"].mock:after{-webkit-animation-name:mock;animation-name:mock;-webkit-animation-duration:64s;animation-duration:64s}.progrecss[data-progrecss-mock="65"].mock:after{-webkit-animation-name:mock;animation-name:mock;-webkit-animation-duration:65s;animation-duration:65s}.progrecss[data-progrecss-mock="66"].mock:after{-webkit-animation-name:mock;animation-name:mock;-webkit-animation-duration:66s;animation-duration:66s}.progrecss[data-progrecss-mock="67"].mock:after{-webkit-animation-name:mock;animation-name:mock;-webkit-animation-duration:67s;animation-duration:67s}.progrecss[data-progrecss-mock="68"].mock:after{-webkit-animation-name:mock;animation-name:mock;-webkit-animation-duration:68s;animation-duration:68s}.progrecss[data-progrecss-mock="69"].mock:after{-webkit-animation-name:mock;animation-name:mock;-webkit-animation-duration:69s;animation-duration:69s}.progrecss[data-progrecss-mock="70"].mock:after{-webkit-animation-name:mock;animation-name:mock;-webkit-animation-duration:70s;animation-duration:70s}.progrecss[data-progrecss-mock="71"].mock:after{-webkit-animation-name:mock;animation-name:mock;-webkit-animation-duration:71s;animation-duration:71s}.progrecss[data-progrecss-mock="72"].mock:after{-webkit-animation-name:mock;animation-name:mock;-webkit-animation-duration:72s;animation-duration:72s}.progrecss[data-progrecss-mock="73"].mock:after{-webkit-animation-name:mock;animation-name:mock;-webkit-animation-duration:73s;animation-duration:73s}.progrecss[data-progrecss-mock="74"].mock:after{-webkit-animation-name:mock;animation-name:mock;-webkit-animation-duration:74s;animation-duration:74s}.progrecss[data-progrecss-mock="75"].mock:after{-webkit-animation-name:mock;animation-name:mock;-webkit-animation-duration:75s;animation-duration:75s}.progrecss[data-progrecss-mock="76"].mock:after{-webkit-animation-name:mock;animation-name:mock;-webkit-animation-duration:76s;animation-duration:76s}.progrecss[data-progrecss-mock="77"].mock:after{-webkit-animation-name:mock;animation-name:mock;-webkit-animation-duration:77s;animation-duration:77s}.progrecss[data-progrecss-mock="78"].mock:after{-webkit-animation-name:mock;animation-name:mock;-webkit-animation-duration:78s;animation-duration:78s}.progrecss[data-progrecss-mock="79"].mock:after{-webkit-animation-name:mock;animation-name:mock;-webkit-animation-duration:79s;animation-duration:79s}.progrecss[data-progrecss-mock="80"].mock:after{-webkit-animation-name:mock;animation-name:mock;-webkit-animation-duration:80s;animation-duration:80s}.progrecss[data-progrecss-mock="81"].mock:after{-webkit-animation-name:mock;animation-name:mock;-webkit-animation-duration:81s;animation-duration:81s}.progrecss[data-progrecss-mock="82"].mock:after{-webkit-animation-name:mock;animation-name:mock;-webkit-animation-duration:82s;animation-duration:82s}.progrecss[data-progrecss-mock="83"].mock:after{-webkit-animation-name:mock;animation-name:mock;-webkit-animation-duration:83s;animation-duration:83s}.progrecss[data-progrecss-mock="84"].mock:after{-webkit-animation-name:mock;animation-name:mock;-webkit-animation-duration:84s;animation-duration:84s}.progrecss[data-progrecss-mock="85"].mock:after{-webkit-animation-name:mock;animation-name:mock;-webkit-animation-duration:85s;animation-duration:85s}.progrecss[data-progrecss-mock="86"].mock:after{-webkit-animation-name:mock;animation-name:mock;-webkit-animation-duration:86s;animation-duration:86s}.progrecss[data-progrecss-mock="87"].mock:after{-webkit-animation-name:mock;animation-name:mock;-webkit-animation-duration:87s;animation-duration:87s}.progrecss[data-progrecss-mock="88"].mock:after{-webkit-animation-name:mock;animation-name:mock;-webkit-animation-duration:88s;animation-duration:88s}.progrecss[data-progrecss-mock="89"].mock:after{-webkit-animation-name:mock;animation-name:mock;-webkit-animation-duration:89s;animation-duration:89s}.progrecss[data-progrecss-mock="90"].mock:after{-webkit-animation-name:mock;animation-name:mock;-webkit-animation-duration:90s;animation-duration:90s}.progrecss[data-progrecss-mock="91"].mock:after{-webkit-animation-name:mock;animation-name:mock;-webkit-animation-duration:91s;animation-duration:91s}.progrecss[data-progrecss-mock="92"].mock:after{-webkit-animation-name:mock;animation-name:mock;-webkit-animation-duration:92s;animation-duration:92s}.progrecss[data-progrecss-mock="93"].mock:after{-webkit-animation-name:mock;animation-name:mock;-webkit-animation-duration:93s;animation-duration:93s}.progrecss[data-progrecss-mock="94"].mock:after{-webkit-animation-name:mock;animation-name:mock;-webkit-animation-duration:94s;animation-duration:94s}.progrecss[data-progrecss-mock="95"].mock:after{-webkit-animation-name:mock;animation-name:mock;-webkit-animation-duration:95s;animation-duration:95s}.progrecss[data-progrecss-mock="96"].mock:after{-webkit-animation-name:mock;animation-name:mock;-webkit-animation-duration:96s;animation-duration:96s}.progrecss[data-progrecss-mock="97"].mock:after{-webkit-animation-name:mock;animation-name:mock;-webkit-animation-duration:97s;animation-duration:97s}.progrecss[data-progrecss-mock="98"].mock:after{-webkit-animation-name:mock;animation-name:mock;-webkit-animation-duration:98s;animation-duration:98s}.progrecss[data-progrecss-mock="99"].mock:after{-webkit-animation-name:mock;animation-name:mock;-webkit-animation-duration:99s;animation-duration:99s}.progrecss[data-progrecss-mock="100"].mock:after{-webkit-animation-name:mock;animation-name:mock;-webkit-animation-duration:100s;animation-duration:100s}@-webkit-keyframes staggered-mock{0%{width:0}10%{width:10%}20%{width:10%}30%{width:30%}40%{width:30%}50%{width:30%}60%{width:50%}70%{width:70%}80%{width:70%}90%{width:90%}100%{width:100%}}@keyframes staggered-mock{0%{width:0}10%{width:10%}20%{width:10%}30%{width:30%}40%{width:30%}50%{width:30%}60%{width:50%}70%{width:70%}80%{width:70%}90%{width:90%}100%{width:100%}}.progrecss[data-progrecss-mock="0"].staggered.mock:after{-webkit-animation-name:staggered-mock;animation-name:staggered-mock;-webkit-animation-duration:0s;animation-duration:0s}.progrecss[data-progrecss-mock="1"].staggered.mock:after{-webkit-animation-name:staggered-mock;animation-name:staggered-mock;-webkit-animation-duration:1s;animation-duration:1s}.progrecss[data-progrecss-mock="2"].staggered.mock:after{-webkit-animation-name:staggered-mock;animation-name:staggered-mock;-webkit-animation-duration:2s;animation-duration:2s}.progrecss[data-progrecss-mock="3"].staggered.mock:after{-webkit-animation-name:staggered-mock;animation-name:staggered-mock;-webkit-animation-duration:3s;animation-duration:3s}.progrecss[data-progrecss-mock="4"].staggered.mock:after{-webkit-animation-name:staggered-mock;animation-name:staggered-mock;-webkit-animation-duration:4s;animation-duration:4s}.progrecss[data-progrecss-mock="5"].staggered.mock:after{-webkit-animation-name:staggered-mock;animation-name:staggered-mock;-webkit-animation-duration:5s;animation-duration:5s}.progrecss[data-progrecss-mock="6"].staggered.mock:after{-webkit-animation-name:staggered-mock;animation-name:staggered-mock;-webkit-animation-duration:6s;animation-duration:6s}.progrecss[data-progrecss-mock="7"].staggered.mock:after{-webkit-animation-name:staggered-mock;animation-name:staggered-mock;-webkit-animation-duration:7s;animation-duration:7s}.progrecss[data-progrecss-mock="8"].staggered.mock:after{-webkit-animation-name:staggered-mock;animation-name:staggered-mock;-webkit-animation-duration:8s;animation-duration:8s}.progrecss[data-progrecss-mock="9"].staggered.mock:after{-webkit-animation-name:staggered-mock;animation-name:staggered-mock;-webkit-animation-duration:9s;animation-duration:9s}.progrecss[data-progrecss-mock="10"].staggered.mock:after{-webkit-animation-name:staggered-mock;animation-name:staggered-mock;-webkit-animation-duration:10s;animation-duration:10s}.progrecss[data-progrecss-mock="11"].staggered.mock:after{-webkit-animation-name:staggered-mock;animation-name:staggered-mock;-webkit-animation-duration:11s;animation-duration:11s}.progrecss[data-progrecss-mock="12"].staggered.mock:after{-webkit-animation-name:staggered-mock;animation-name:staggered-mock;-webkit-animation-duration:12s;animation-duration:12s}.progrecss[data-progrecss-mock="13"].staggered.mock:after{-webkit-animation-name:staggered-mock;animation-name:staggered-mock;-webkit-animation-duration:13s;animation-duration:13s}.progrecss[data-progrecss-mock="14"].staggered.mock:after{-webkit-animation-name:staggered-mock;animation-name:staggered-mock;-webkit-animation-duration:14s;animation-duration:14s}.progrecss[data-progrecss-mock="15"].staggered.mock:after{-webkit-animation-name:staggered-mock;animation-name:staggered-mock;-webkit-animation-duration:15s;animation-duration:15s}.progrecss[data-progrecss-mock="16"].staggered.mock:after{-webkit-animation-name:staggered-mock;animation-name:staggered-mock;-webkit-animation-duration:16s;animation-duration:16s}.progrecss[data-progrecss-mock="17"].staggered.mock:after{-webkit-animation-name:staggered-mock;animation-name:staggered-mock;-webkit-animation-duration:17s;animation-duration:17s}.progrecss[data-progrecss-mock="18"].staggered.mock:after{-webkit-animation-name:staggered-mock;animation-name:staggered-mock;-webkit-animation-duration:18s;animation-duration:18s}.progrecss[data-progrecss-mock="19"].staggered.mock:after{-webkit-animation-name:staggered-mock;animation-name:staggered-mock;-webkit-animation-duration:19s;animation-duration:19s}.progrecss[data-progrecss-mock="20"].staggered.mock:after{-webkit-animation-name:staggered-mock;animation-name:staggered-mock;-webkit-animation-duration:20s;animation-duration:20s}.progrecss[data-progrecss-mock="21"].staggered.mock:after{-webkit-animation-name:staggered-mock;animation-name:staggered-mock;-webkit-animation-duration:21s;animation-duration:21s}.progrecss[data-progrecss-mock="22"].staggered.mock:after{-webkit-animation-name:staggered-mock;animation-name:staggered-mock;-webkit-animation-duration:22s;animation-duration:22s}.progrecss[data-progrecss-mock="23"].staggered.mock:after{-webkit-animation-name:staggered-mock;animation-name:staggered-mock;-webkit-animation-duration:23s;animation-duration:23s}.progrecss[data-progrecss-mock="24"].staggered.mock:after{-webkit-animation-name:staggered-mock;animation-name:staggered-mock;-webkit-animation-duration:24s;animation-duration:24s}.progrecss[data-progrecss-mock="25"].staggered.mock:after{-webkit-animation-name:staggered-mock;animation-name:staggered-mock;-webkit-animation-duration:25s;animation-duration:25s}.progrecss[data-progrecss-mock="26"].staggered.mock:after{-webkit-animation-name:staggered-mock;animation-name:staggered-mock;-webkit-animation-duration:26s;animation-duration:26s}.progrecss[data-progrecss-mock="27"].staggered.mock:after{-webkit-animation-name:staggered-mock;animation-name:staggered-mock;-webkit-animation-duration:27s;animation-duration:27s}.progrecss[data-progrecss-mock="28"].staggered.mock:after{-webkit-animation-name:staggered-mock;animation-name:staggered-mock;-webkit-animation-duration:28s;animation-duration:28s}.progrecss[data-progrecss-mock="29"].staggered.mock:after{-webkit-animation-name:staggered-mock;animation-name:staggered-mock;-webkit-animation-duration:29s;animation-duration:29s}.progrecss[data-progrecss-mock="30"].staggered.mock:after{-webkit-animation-name:staggered-mock;animation-name:staggered-mock;-webkit-animation-duration:30s;animation-duration:30s}.progrecss[data-progrecss-mock="31"].staggered.mock:after{-webkit-animation-name:staggered-mock;animation-name:staggered-mock;-webkit-animation-duration:31s;animation-duration:31s}.progrecss[data-progrecss-mock="32"].staggered.mock:after{-webkit-animation-name:staggered-mock;animation-name:staggered-mock;-webkit-animation-duration:32s;animation-duration:32s}.progrecss[data-progrecss-mock="33"].staggered.mock:after{-webkit-animation-name:staggered-mock;animation-name:staggered-mock;-webkit-animation-duration:33s;animation-duration:33s}.progrecss[data-progrecss-mock="34"].staggered.mock:after{-webkit-animation-name:staggered-mock;animation-name:staggered-mock;-webkit-animation-duration:34s;animation-duration:34s}.progrecss[data-progrecss-mock="35"].staggered.mock:after{-webkit-animation-name:staggered-mock;animation-name:staggered-mock;-webkit-animation-duration:35s;animation-duration:35s}.progrecss[data-progrecss-mock="36"].staggered.mock:after{-webkit-animation-name:staggered-mock;animation-name:staggered-mock;-webkit-animation-duration:36s;animation-duration:36s}.progrecss[data-progrecss-mock="37"].staggered.mock:after{-webkit-animation-name:staggered-mock;animation-name:staggered-mock;-webkit-animation-duration:37s;animation-duration:37s}.progrecss[data-progrecss-mock="38"].staggered.mock:after{-webkit-animation-name:staggered-mock;animation-name:staggered-mock;-webkit-animation-duration:38s;animation-duration:38s}.progrecss[data-progrecss-mock="39"].staggered.mock:after{-webkit-animation-name:staggered-mock;animation-name:staggered-mock;-webkit-animation-duration:39s;animation-duration:39s}.progrecss[data-progrecss-mock="40"].staggered.mock:after{-webkit-animation-name:staggered-mock;animation-name:staggered-mock;-webkit-animation-duration:40s;animation-duration:40s}.progrecss[data-progrecss-mock="41"].staggered.mock:after{-webkit-animation-name:staggered-mock;animation-name:staggered-mock;-webkit-animation-duration:41s;animation-duration:41s}.progrecss[data-progrecss-mock="42"].staggered.mock:after{-webkit-animation-name:staggered-mock;animation-name:staggered-mock;-webkit-animation-duration:42s;animation-duration:42s}.progrecss[data-progrecss-mock="43"].staggered.mock:after{-webkit-animation-name:staggered-mock;animation-name:staggered-mock;-webkit-animation-duration:43s;animation-duration:43s}.progrecss[data-progrecss-mock="44"].staggered.mock:after{-webkit-animation-name:staggered-mock;animation-name:staggered-mock;-webkit-animation-duration:44s;animation-duration:44s}.progrecss[data-progrecss-mock="45"].staggered.mock:after{-webkit-animation-name:staggered-mock;animation-name:staggered-mock;-webkit-animation-duration:45s;animation-duration:45s}.progrecss[data-progrecss-mock="46"].staggered.mock:after{-webkit-animation-name:staggered-mock;animation-name:staggered-mock;-webkit-animation-duration:46s;animation-duration:46s}.progrecss[data-progrecss-mock="47"].staggered.mock:after{-webkit-animation-name:staggered-mock;animation-name:staggered-mock;-webkit-animation-duration:47s;animation-duration:47s}.progrecss[data-progrecss-mock="48"].staggered.mock:after{-webkit-animation-name:staggered-mock;animation-name:staggered-mock;-webkit-animation-duration:48s;animation-duration:48s}.progrecss[data-progrecss-mock="49"].staggered.mock:after{-webkit-animation-name:staggered-mock;animation-name:staggered-mock;-webkit-animation-duration:49s;animation-duration:49s}.progrecss[data-progrecss-mock="50"].staggered.mock:after{-webkit-animation-name:staggered-mock;animation-name:staggered-mock;-webkit-animation-duration:50s;animation-duration:50s}.progrecss[data-progrecss-mock="51"].staggered.mock:after{-webkit-animation-name:staggered-mock;animation-name:staggered-mock;-webkit-animation-duration:51s;animation-duration:51s}.progrecss[data-progrecss-mock="52"].staggered.mock:after{-webkit-animation-name:staggered-mock;animation-name:staggered-mock;-webkit-animation-duration:52s;animation-duration:52s}.progrecss[data-progrecss-mock="53"].staggered.mock:after{-webkit-animation-name:staggered-mock;animation-name:staggered-mock;-webkit-animation-duration:53s;animation-duration:53s}.progrecss[data-progrecss-mock="54"].staggered.mock:after{-webkit-animation-name:staggered-mock;animation-name:staggered-mock;-webkit-animation-duration:54s;animation-duration:54s}.progrecss[data-progrecss-mock="55"].staggered.mock:after{-webkit-animation-name:staggered-mock;animation-name:staggered-mock;-webkit-animation-duration:55s;animation-duration:55s}.progrecss[data-progrecss-mock="56"].staggered.mock:after{-webkit-animation-name:staggered-mock;animation-name:staggered-mock;-webkit-animation-duration:56s;animation-duration:56s}.progrecss[data-progrecss-mock="57"].staggered.mock:after{-webkit-animation-name:staggered-mock;animation-name:staggered-mock;-webkit-animation-duration:57s;animation-duration:57s}.progrecss[data-progrecss-mock="58"].staggered.mock:after{-webkit-animation-name:staggered-mock;animation-name:staggered-mock;-webkit-animation-duration:58s;animation-duration:58s}.progrecss[data-progrecss-mock="59"].staggered.mock:after{-webkit-animation-name:staggered-mock;animation-name:staggered-mock;-webkit-animation-duration:59s;animation-duration:59s}.progrecss[data-progrecss-mock="60"].staggered.mock:after{-webkit-animation-name:staggered-mock;animation-name:staggered-mock;-webkit-animation-duration:60s;animation-duration:60s}.progrecss[data-progrecss-mock="61"].staggered.mock:after{-webkit-animation-name:staggered-mock;animation-name:staggered-mock;-webkit-animation-duration:61s;animation-duration:61s}.progrecss[data-progrecss-mock="62"].staggered.mock:after{-webkit-animation-name:staggered-mock;animation-name:staggered-mock;-webkit-animation-duration:62s;animation-duration:62s}.progrecss[data-progrecss-mock="63"].staggered.mock:after{-webkit-animation-name:staggered-mock;animation-name:staggered-mock;-webkit-animation-duration:63s;animation-duration:63s}.progrecss[data-progrecss-mock="64"].staggered.mock:after{-webkit-animation-name:staggered-mock;animation-name:staggered-mock;-webkit-animation-duration:64s;animation-duration:64s}.progrecss[data-progrecss-mock="65"].staggered.mock:after{-webkit-animation-name:staggered-mock;animation-name:staggered-mock;-webkit-animation-duration:65s;animation-duration:65s}.progrecss[data-progrecss-mock="66"].staggered.mock:after{-webkit-animation-name:staggered-mock;animation-name:staggered-mock;-webkit-animation-duration:66s;animation-duration:66s}.progrecss[data-progrecss-mock="67"].staggered.mock:after{-webkit-animation-name:staggered-mock;animation-name:staggered-mock;-webkit-animation-duration:67s;animation-duration:67s}.progrecss[data-progrecss-mock="68"].staggered.mock:after{-webkit-animation-name:staggered-mock;animation-name:staggered-mock;-webkit-animation-duration:68s;animation-duration:68s}.progrecss[data-progrecss-mock="69"].staggered.mock:after{-webkit-animation-name:staggered-mock;animation-name:staggered-mock;-webkit-animation-duration:69s;animation-duration:69s}.progrecss[data-progrecss-mock="70"].staggered.mock:after{-webkit-animation-name:staggered-mock;animation-name:staggered-mock;-webkit-animation-duration:70s;animation-duration:70s}.progrecss[data-progrecss-mock="71"].staggered.mock:after{-webkit-animation-name:staggered-mock;animation-name:staggered-mock;-webkit-animation-duration:71s;animation-duration:71s}.progrecss[data-progrecss-mock="72"].staggered.mock:after{-webkit-animation-name:staggered-mock;animation-name:staggered-mock;-webkit-animation-duration:72s;animation-duration:72s}.progrecss[data-progrecss-mock="73"].staggered.mock:after{-webkit-animation-name:staggered-mock;animation-name:staggered-mock;-webkit-animation-duration:73s;animation-duration:73s}.progrecss[data-progrecss-mock="74"].staggered.mock:after{-webkit-animation-name:staggered-mock;animation-name:staggered-mock;-webkit-animation-duration:74s;animation-duration:74s}.progrecss[data-progrecss-mock="75"].staggered.mock:after{-webkit-animation-name:staggered-mock;animation-name:staggered-mock;-webkit-animation-duration:75s;animation-duration:75s}.progrecss[data-progrecss-mock="76"].staggered.mock:after{-webkit-animation-name:staggered-mock;animation-name:staggered-mock;-webkit-animation-duration:76s;animation-duration:76s}.progrecss[data-progrecss-mock="77"].staggered.mock:after{-webkit-animation-name:staggered-mock;animation-name:staggered-mock;-webkit-animation-duration:77s;animation-duration:77s}.progrecss[data-progrecss-mock="78"].staggered.mock:after{-webkit-animation-name:staggered-mock;animation-name:staggered-mock;-webkit-animation-duration:78s;animation-duration:78s}.progrecss[data-progrecss-mock="79"].staggered.mock:after{-webkit-animation-name:staggered-mock;animation-name:staggered-mock;-webkit-animation-duration:79s;animation-duration:79s}.progrecss[data-progrecss-mock="80"].staggered.mock:after{-webkit-animation-name:staggered-mock;animation-name:staggered-mock;-webkit-animation-duration:80s;animation-duration:80s}.progrecss[data-progrecss-mock="81"].staggered.mock:after{-webkit-animation-name:staggered-mock;animation-name:staggered-mock;-webkit-animation-duration:81s;animation-duration:81s}.progrecss[data-progrecss-mock="82"].staggered.mock:after{-webkit-animation-name:staggered-mock;animation-name:staggered-mock;-webkit-animation-duration:82s;animation-duration:82s}.progrecss[data-progrecss-mock="83"].staggered.mock:after{-webkit-animation-name:staggered-mock;animation-name:staggered-mock;-webkit-animation-duration:83s;animation-duration:83s}.progrecss[data-progrecss-mock="84"].staggered.mock:after{-webkit-animation-name:staggered-mock;animation-name:staggered-mock;-webkit-animation-duration:84s;animation-duration:84s}.progrecss[data-progrecss-mock="85"].staggered.mock:after{-webkit-animation-name:staggered-mock;animation-name:staggered-mock;-webkit-animation-duration:85s;animation-duration:85s}.progrecss[data-progrecss-mock="86"].staggered.mock:after{-webkit-animation-name:staggered-mock;animation-name:staggered-mock;-webkit-animation-duration:86s;animation-duration:86s}.progrecss[data-progrecss-mock="87"].staggered.mock:after{-webkit-animation-name:staggered-mock;animation-name:staggered-mock;-webkit-animation-duration:87s;animation-duration:87s}.progrecss[data-progrecss-mock="88"].staggered.mock:after{-webkit-animation-name:staggered-mock;animation-name:staggered-mock;-webkit-animation-duration:88s;animation-duration:88s}.progrecss[data-progrecss-mock="89"].staggered.mock:after{-webkit-animation-name:staggered-mock;animation-name:staggered-mock;-webkit-animation-duration:89s;animation-duration:89s}.progrecss[data-progrecss-mock="90"].staggered.mock:after{-webkit-animation-name:staggered-mock;animation-name:staggered-mock;-webkit-animation-duration:90s;animation-duration:90s}.progrecss[data-progrecss-mock="91"].staggered.mock:after{-webkit-animation-name:staggered-mock;animation-name:staggered-mock;-webkit-animation-duration:91s;animation-duration:91s}.progrecss[data-progrecss-mock="92"].staggered.mock:after{-webkit-animation-name:staggered-mock;animation-name:staggered-mock;-webkit-animation-duration:92s;animation-duration:92s}.progrecss[data-progrecss-mock="93"].staggered.mock:after{-webkit-animation-name:staggered-mock;animation-name:staggered-mock;-webkit-animation-duration:93s;animation-duration:93s}.progrecss[data-progrecss-mock="94"].staggered.mock:after{-webkit-animation-name:staggered-mock;animation-name:staggered-mock;-webkit-animation-duration:94s;animation-duration:94s}.progrecss[data-progrecss-mock="95"].staggered.mock:after{-webkit-animation-name:staggered-mock;animation-name:staggered-mock;-webkit-animation-duration:95s;animation-duration:95s}.progrecss[data-progrecss-mock="96"].staggered.mock:after{-webkit-animation-name:staggered-mock;animation-name:staggered-mock;-webkit-animation-duration:96s;animation-duration:96s}.progrecss[data-progrecss-mock="97"].staggered.mock:after{-webkit-animation-name:staggered-mock;animation-name:staggered-mock;-webkit-animation-duration:97s;animation-duration:97s}.progrecss[data-progrecss-mock="98"].staggered.mock:after{-webkit-animation-name:staggered-mock;animation-name:staggered-mock;-webkit-animation-duration:98s;animation-duration:98s}.progrecss[data-progrecss-mock="99"].staggered.mock:after{-webkit-animation-name:staggered-mock;animation-name:staggered-mock;-webkit-animation-duration:99s;animation-duration:99s}.progrecss[data-progrecss-mock="100"].staggered.mock:after{-webkit-animation-name:staggered-mock;animation-name:staggered-mock;-webkit-animation-duration:100s;animation-duration:100s}@-webkit-keyframes timer{0%{width:100%}100%{width:0}}@keyframes timer{0%{width:100%}100%{width:0}}.progrecss[data-progrecss-timer="0"].timer:after{-webkit-animation-name:timer;animation-name:timer;-webkit-animation-duration:0s;animation-duration:0s}.progrecss[data-progrecss-timer="1"].timer:after{-webkit-animation-name:timer;animation-name:timer;-webkit-animation-duration:1s;animation-duration:1s}.progrecss[data-progrecss-timer="2"].timer:after{-webkit-animation-name:timer;animation-name:timer;-webkit-animation-duration:2s;animation-duration:2s}.progrecss[data-progrecss-timer="3"].timer:after{-webkit-animation-name:timer;animation-name:timer;-webkit-animation-duration:3s;animation-duration:3s}.progrecss[data-progrecss-timer="4"].timer:after{-webkit-animation-name:timer;animation-name:timer;-webkit-animation-duration:4s;animation-duration:4s}.progrecss[data-progrecss-timer="5"].timer:after{-webkit-animation-name:timer;animation-name:timer;-webkit-animation-duration:5s;animation-duration:5s}.progrecss[data-progrecss-timer="6"].timer:after{-webkit-animation-name:timer;animation-name:timer;-webkit-animation-duration:6s;animation-duration:6s}.progrecss[data-progrecss-timer="7"].timer:after{-webkit-animation-name:timer;animation-name:timer;-webkit-animation-duration:7s;animation-duration:7s}.progrecss[data-progrecss-timer="8"].timer:after{-webkit-animation-name:timer;animation-name:timer;-webkit-animation-duration:8s;animation-duration:8s}.progrecss[data-progrecss-timer="9"].timer:after{-webkit-animation-name:timer;animation-name:timer;-webkit-animation-duration:9s;animation-duration:9s}.progrecss[data-progrecss-timer="10"].timer:after{-webkit-animation-name:timer;animation-name:timer;-webkit-animation-duration:10s;animation-duration:10s}.progrecss[data-progrecss-timer="11"].timer:after{-webkit-animation-name:timer;animation-name:timer;-webkit-animation-duration:11s;animation-duration:11s}.progrecss[data-progrecss-timer="12"].timer:after{-webkit-animation-name:timer;animation-name:timer;-webkit-animation-duration:12s;animation-duration:12s}.progrecss[data-progrecss-timer="13"].timer:after{-webkit-animation-name:timer;animation-name:timer;-webkit-animation-duration:13s;animation-duration:13s}.progrecss[data-progrecss-timer="14"].timer:after{-webkit-animation-name:timer;animation-name:timer;-webkit-animation-duration:14s;animation-duration:14s}.progrecss[data-progrecss-timer="15"].timer:after{-webkit-animation-name:timer;animation-name:timer;-webkit-animation-duration:15s;animation-duration:15s}.progrecss[data-progrecss-timer="16"].timer:after{-webkit-animation-name:timer;animation-name:timer;-webkit-animation-duration:16s;animation-duration:16s}.progrecss[data-progrecss-timer="17"].timer:after{-webkit-animation-name:timer;animation-name:timer;-webkit-animation-duration:17s;animation-duration:17s}.progrecss[data-progrecss-timer="18"].timer:after{-webkit-animation-name:timer;animation-name:timer;-webkit-animation-duration:18s;animation-duration:18s}.progrecss[data-progrecss-timer="19"].timer:after{-webkit-animation-name:timer;animation-name:timer;-webkit-animation-duration:19s;animation-duration:19s}.progrecss[data-progrecss-timer="20"].timer:after{-webkit-animation-name:timer;animation-name:timer;-webkit-animation-duration:20s;animation-duration:20s}.progrecss[data-progrecss-timer="21"].timer:after{-webkit-animation-name:timer;animation-name:timer;-webkit-animation-duration:21s;animation-duration:21s}.progrecss[data-progrecss-timer="22"].timer:after{-webkit-animation-name:timer;animation-name:timer;-webkit-animation-duration:22s;animation-duration:22s}.progrecss[data-progrecss-timer="23"].timer:after{-webkit-animation-name:timer;animation-name:timer;-webkit-animation-duration:23s;animation-duration:23s}.progrecss[data-progrecss-timer="24"].timer:after{-webkit-animation-name:timer;animation-name:timer;-webkit-animation-duration:24s;animation-duration:24s}.progrecss[data-progrecss-timer="25"].timer:after{-webkit-animation-name:timer;animation-name:timer;-webkit-animation-duration:25s;animation-duration:25s}.progrecss[data-progrecss-timer="26"].timer:after{-webkit-animation-name:timer;animation-name:timer;-webkit-animation-duration:26s;animation-duration:26s}.progrecss[data-progrecss-timer="27"].timer:after{-webkit-animation-name:timer;animation-name:timer;-webkit-animation-duration:27s;animation-duration:27s}.progrecss[data-progrecss-timer="28"].timer:after{-webkit-animation-name:timer;animation-name:timer;-webkit-animation-duration:28s;animation-duration:28s}.progrecss[data-progrecss-timer="29"].timer:after{-webkit-animation-name:timer;animation-name:timer;-webkit-animation-duration:29s;animation-duration:29s}.progrecss[data-progrecss-timer="30"].timer:after{-webkit-animation-name:timer;animation-name:timer;-webkit-animation-duration:30s;animation-duration:30s}.progrecss[data-progrecss-timer="31"].timer:after{-webkit-animation-name:timer;animation-name:timer;-webkit-animation-duration:31s;animation-duration:31s}.progrecss[data-progrecss-timer="32"].timer:after{-webkit-animation-name:timer;animation-name:timer;-webkit-animation-duration:32s;animation-duration:32s}.progrecss[data-progrecss-timer="33"].timer:after{-webkit-animation-name:timer;animation-name:timer;-webkit-animation-duration:33s;animation-duration:33s}.progrecss[data-progrecss-timer="34"].timer:after{-webkit-animation-name:timer;animation-name:timer;-webkit-animation-duration:34s;animation-duration:34s}.progrecss[data-progrecss-timer="35"].timer:after{-webkit-animation-name:timer;animation-name:timer;-webkit-animation-duration:35s;animation-duration:35s}.progrecss[data-progrecss-timer="36"].timer:after{-webkit-animation-name:timer;animation-name:timer;-webkit-animation-duration:36s;animation-duration:36s}.progrecss[data-progrecss-timer="37"].timer:after{-webkit-animation-name:timer;animation-name:timer;-webkit-animation-duration:37s;animation-duration:37s}.progrecss[data-progrecss-timer="38"].timer:after{-webkit-animation-name:timer;animation-name:timer;-webkit-animation-duration:38s;animation-duration:38s}.progrecss[data-progrecss-timer="39"].timer:after{-webkit-animation-name:timer;animation-name:timer;-webkit-animation-duration:39s;animation-duration:39s}.progrecss[data-progrecss-timer="40"].timer:after{-webkit-animation-name:timer;animation-name:timer;-webkit-animation-duration:40s;animation-duration:40s}.progrecss[data-progrecss-timer="41"].timer:after{-webkit-animation-name:timer;animation-name:timer;-webkit-animation-duration:41s;animation-duration:41s}.progrecss[data-progrecss-timer="42"].timer:after{-webkit-animation-name:timer;animation-name:timer;-webkit-animation-duration:42s;animation-duration:42s}.progrecss[data-progrecss-timer="43"].timer:after{-webkit-animation-name:timer;animation-name:timer;-webkit-animation-duration:43s;animation-duration:43s}.progrecss[data-progrecss-timer="44"].timer:after{-webkit-animation-name:timer;animation-name:timer;-webkit-animation-duration:44s;animation-duration:44s}.progrecss[data-progrecss-timer="45"].timer:after{-webkit-animation-name:timer;animation-name:timer;-webkit-animation-duration:45s;animation-duration:45s}.progrecss[data-progrecss-timer="46"].timer:after{-webkit-animation-name:timer;animation-name:timer;-webkit-animation-duration:46s;animation-duration:46s}.progrecss[data-progrecss-timer="47"].timer:after{-webkit-animation-name:timer;animation-name:timer;-webkit-animation-duration:47s;animation-duration:47s}.progrecss[data-progrecss-timer="48"].timer:after{-webkit-animation-name:timer;animation-name:timer;-webkit-animation-duration:48s;animation-duration:48s}.progrecss[data-progrecss-timer="49"].timer:after{-webkit-animation-name:timer;animation-name:timer;-webkit-animation-duration:49s;animation-duration:49s}.progrecss[data-progrecss-timer="50"].timer:after{-webkit-animation-name:timer;animation-name:timer;-webkit-animation-duration:50s;animation-duration:50s}.progrecss[data-progrecss-timer="51"].timer:after{-webkit-animation-name:timer;animation-name:timer;-webkit-animation-duration:51s;animation-duration:51s}.progrecss[data-progrecss-timer="52"].timer:after{-webkit-animation-name:timer;animation-name:timer;-webkit-animation-duration:52s;animation-duration:52s}.progrecss[data-progrecss-timer="53"].timer:after{-webkit-animation-name:timer;animation-name:timer;-webkit-animation-duration:53s;animation-duration:53s}.progrecss[data-progrecss-timer="54"].timer:after{-webkit-animation-name:timer;animation-name:timer;-webkit-animation-duration:54s;animation-duration:54s}.progrecss[data-progrecss-timer="55"].timer:after{-webkit-animation-name:timer;animation-name:timer;-webkit-animation-duration:55s;animation-duration:55s}.progrecss[data-progrecss-timer="56"].timer:after{-webkit-animation-name:timer;animation-name:timer;-webkit-animation-duration:56s;animation-duration:56s}.progrecss[data-progrecss-timer="57"].timer:after{-webkit-animation-name:timer;animation-name:timer;-webkit-animation-duration:57s;animation-duration:57s}.progrecss[data-progrecss-timer="58"].timer:after{-webkit-animation-name:timer;animation-name:timer;-webkit-animation-duration:58s;animation-duration:58s}.progrecss[data-progrecss-timer="59"].timer:after{-webkit-animation-name:timer;animation-name:timer;-webkit-animation-duration:59s;animation-duration:59s}.progrecss[data-progrecss-timer="60"].timer:after{-webkit-animation-name:timer;animation-name:timer;-webkit-animation-duration:60s;animation-duration:60s}.progrecss[data-progrecss-timer="61"].timer:after{-webkit-animation-name:timer;animation-name:timer;-webkit-animation-duration:61s;animation-duration:61s}.progrecss[data-progrecss-timer="62"].timer:after{-webkit-animation-name:timer;animation-name:timer;-webkit-animation-duration:62s;animation-duration:62s}.progrecss[data-progrecss-timer="63"].timer:after{-webkit-animation-name:timer;animation-name:timer;-webkit-animation-duration:63s;animation-duration:63s}.progrecss[data-progrecss-timer="64"].timer:after{-webkit-animation-name:timer;animation-name:timer;-webkit-animation-duration:64s;animation-duration:64s}.progrecss[data-progrecss-timer="65"].timer:after{-webkit-animation-name:timer;animation-name:timer;-webkit-animation-duration:65s;animation-duration:65s}.progrecss[data-progrecss-timer="66"].timer:after{-webkit-animation-name:timer;animation-name:timer;-webkit-animation-duration:66s;animation-duration:66s}.progrecss[data-progrecss-timer="67"].timer:after{-webkit-animation-name:timer;animation-name:timer;-webkit-animation-duration:67s;animation-duration:67s}.progrecss[data-progrecss-timer="68"].timer:after{-webkit-animation-name:timer;animation-name:timer;-webkit-animation-duration:68s;animation-duration:68s}.progrecss[data-progrecss-timer="69"].timer:after{-webkit-animation-name:timer;animation-name:timer;-webkit-animation-duration:69s;animation-duration:69s}.progrecss[data-progrecss-timer="70"].timer:after{-webkit-animation-name:timer;animation-name:timer;-webkit-animation-duration:70s;animation-duration:70s}.progrecss[data-progrecss-timer="71"].timer:after{-webkit-animation-name:timer;animation-name:timer;-webkit-animation-duration:71s;animation-duration:71s}.progrecss[data-progrecss-timer="72"].timer:after{-webkit-animation-name:timer;animation-name:timer;-webkit-animation-duration:72s;animation-duration:72s}.progrecss[data-progrecss-timer="73"].timer:after{-webkit-animation-name:timer;animation-name:timer;-webkit-animation-duration:73s;animation-duration:73s}.progrecss[data-progrecss-timer="74"].timer:after{-webkit-animation-name:timer;animation-name:timer;-webkit-animation-duration:74s;animation-duration:74s}.progrecss[data-progrecss-timer="75"].timer:after{-webkit-animation-name:timer;animation-name:timer;-webkit-animation-duration:75s;animation-duration:75s}.progrecss[data-progrecss-timer="76"].timer:after{-webkit-animation-name:timer;animation-name:timer;-webkit-animation-duration:76s;animation-duration:76s}.progrecss[data-progrecss-timer="77"].timer:after{-webkit-animation-name:timer;animation-name:timer;-webkit-animation-duration:77s;animation-duration:77s}.progrecss[data-progrecss-timer="78"].timer:after{-webkit-animation-name:timer;animation-name:timer;-webkit-animation-duration:78s;animation-duration:78s}.progrecss[data-progrecss-timer="79"].timer:after{-webkit-animation-name:timer;animation-name:timer;-webkit-animation-duration:79s;animation-duration:79s}.progrecss[data-progrecss-timer="80"].timer:after{-webkit-animation-name:timer;animation-name:timer;-webkit-animation-duration:80s;animation-duration:80s}.progrecss[data-progrecss-timer="81"].timer:after{-webkit-animation-name:timer;animation-name:timer;-webkit-animation-duration:81s;animation-duration:81s}.progrecss[data-progrecss-timer="82"].timer:after{-webkit-animation-name:timer;animation-name:timer;-webkit-animation-duration:82s;animation-duration:82s}.progrecss[data-progrecss-timer="83"].timer:after{-webkit-animation-name:timer;animation-name:timer;-webkit-animation-duration:83s;animation-duration:83s}.progrecss[data-progrecss-timer="84"].timer:after{-webkit-animation-name:timer;animation-name:timer;-webkit-animation-duration:84s;animation-duration:84s}.progrecss[data-progrecss-timer="85"].timer:after{-webkit-animation-name:timer;animation-name:timer;-webkit-animation-duration:85s;animation-duration:85s}.progrecss[data-progrecss-timer="86"].timer:after{-webkit-animation-name:timer;animation-name:timer;-webkit-animation-duration:86s;animation-duration:86s}.progrecss[data-progrecss-timer="87"].timer:after{-webkit-animation-name:timer;animation-name:timer;-webkit-animation-duration:87s;animation-duration:87s}.progrecss[data-progrecss-timer="88"].timer:after{-webkit-animation-name:timer;animation-name:timer;-webkit-animation-duration:88s;animation-duration:88s}.progrecss[data-progrecss-timer="89"].timer:after{-webkit-animation-name:timer;animation-name:timer;-webkit-animation-duration:89s;animation-duration:89s}.progrecss[data-progrecss-timer="90"].timer:after{-webkit-animation-name:timer;animation-name:timer;-webkit-animation-duration:90s;animation-duration:90s}.progrecss[data-progrecss-timer="91"].timer:after{-webkit-animation-name:timer;animation-name:timer;-webkit-animation-duration:91s;animation-duration:91s}.progrecss[data-progrecss-timer="92"].timer:after{-webkit-animation-name:timer;animation-name:timer;-webkit-animation-duration:92s;animation-duration:92s}.progrecss[data-progrecss-timer="93"].timer:after{-webkit-animation-name:timer;animation-name:timer;-webkit-animation-duration:93s;animation-duration:93s}.progrecss[data-progrecss-timer="94"].timer:after{-webkit-animation-name:timer;animation-name:timer;-webkit-animation-duration:94s;animation-duration:94s}.progrecss[data-progrecss-timer="95"].timer:after{-webkit-animation-name:timer;animation-name:timer;-webkit-animation-duration:95s;animation-duration:95s}.progrecss[data-progrecss-timer="96"].timer:after{-webkit-animation-name:timer;animation-name:timer;-webkit-animation-duration:96s;animation-duration:96s}.progrecss[data-progrecss-timer="97"].timer:after{-webkit-animation-name:timer;animation-name:timer;-webkit-animation-duration:97s;animation-duration:97s}.progrecss[data-progrecss-timer="98"].timer:after{-webkit-animation-name:timer;animation-name:timer;-webkit-animation-duration:98s;animation-duration:98s}.progrecss[data-progrecss-timer="99"].timer:after{-webkit-animation-name:timer;animation-name:timer;-webkit-animation-duration:99s;animation-duration:99s}.progrecss[data-progrecss-timer="100"].timer:after{-webkit-animation-name:timer;animation-name:timer;-webkit-animation-duration:100s;animation-duration:100s}.progrecss[data-progrecss].green:after,.progrecss[data-progrecss-mock].green:after,.progrecss[data-progrecss-timer].green:after{background-color:#2ecc71}.progrecss[data-progrecss].blue:after,.progrecss[data-progrecss-mock].blue:after,.progrecss[data-progrecss-timer].blue:after{background-color:#3498db}.progrecss[data-progrecss].purple:after,.progrecss[data-progrecss-mock].purple:after,.progrecss[data-progrecss-timer].purple:after{background-color:#9b59b6}.progrecss[data-progrecss].yellow:after,.progrecss[data-progrecss-mock].yellow:after,.progrecss[data-progrecss-timer].yellow:after{background-color:#f1c40f}.progrecss[data-progrecss].orange:after,.progrecss[data-progrecss-mock].orange:after,.progrecss[data-progrecss-timer].orange:after{background-color:#e67e22}.progrecss[data-progrecss].red:after,.progrecss[data-progrecss-mock].red:after,.progrecss[data-progrecss-timer].red:after{background-color:#e74c3c}.progrecss[data-progrecss][data-progrecss-duration="0"]:after{-webkit-transition:width 0s;transition:width 0s}.progrecss[data-progrecss][data-progrecss-duration="1"]:after{-webkit-transition:width 1s;transition:width 1s}.progrecss[data-progrecss][data-progrecss-duration="2"]:after{-webkit-transition:width 2s;transition:width 2s}.progrecss[data-progrecss][data-progrecss-duration="3"]:after{-webkit-transition:width 3s;transition:width 3s}.progrecss[data-progrecss][data-progrecss-duration="4"]:after{-webkit-transition:width 4s;transition:width 4s}.progrecss[data-progrecss][data-progrecss-duration="5"]:after{-webkit-transition:width 5s;transition:width 5s}.progrecss[data-progrecss][data-progrecss-duration="6"]:after{-webkit-transition:width 6s;transition:width 6s}.progrecss[data-progrecss][data-progrecss-duration="7"]:after{-webkit-transition:width 7s;transition:width 7s}.progrecss[data-progrecss][data-progrecss-duration="8"]:after{-webkit-transition:width 8s;transition:width 8s}.progrecss[data-progrecss][data-progrecss-duration="9"]:after{-webkit-transition:width 9s;transition:width 9s}.progrecss[data-progrecss][data-progrecss-duration="10"]:after{-webkit-transition:width 10s;transition:width 10s}.progrecss[data-progrecss][data-progrecss-duration="11"]:after{-webkit-transition:width 11s;transition:width 11s}.progrecss[data-progrecss][data-progrecss-duration="12"]:after{-webkit-transition:width 12s;transition:width 12s}.progrecss[data-progrecss][data-progrecss-duration="13"]:after{-webkit-transition:width 13s;transition:width 13s}.progrecss[data-progrecss][data-progrecss-duration="14"]:after{-webkit-transition:width 14s;transition:width 14s}.progrecss[data-progrecss][data-progrecss-duration="15"]:after{-webkit-transition:width 15s;transition:width 15s}.progrecss[data-progrecss][data-progrecss-duration="16"]:after{-webkit-transition:width 16s;transition:width 16s}.progrecss[data-progrecss][data-progrecss-duration="17"]:after{-webkit-transition:width 17s;transition:width 17s}.progrecss[data-progrecss][data-progrecss-duration="18"]:after{-webkit-transition:width 18s;transition:width 18s}.progrecss[data-progrecss][data-progrecss-duration="19"]:after{-webkit-transition:width 19s;transition:width 19s}.progrecss[data-progrecss][data-progrecss-duration="20"]:after{-webkit-transition:width 20s;transition:width 20s}.progrecss[data-progrecss][data-progrecss-duration="21"]:after{-webkit-transition:width 21s;transition:width 21s}.progrecss[data-progrecss][data-progrecss-duration="22"]:after{-webkit-transition:width 22s;transition:width 22s}.progrecss[data-progrecss][data-progrecss-duration="23"]:after{-webkit-transition:width 23s;transition:width 23s}.progrecss[data-progrecss][data-progrecss-duration="24"]:after{-webkit-transition:width 24s;transition:width 24s}.progrecss[data-progrecss][data-progrecss-duration="25"]:after{-webkit-transition:width 25s;transition:width 25s}.progrecss[data-progrecss][data-progrecss-duration="26"]:after{-webkit-transition:width 26s;transition:width 26s}.progrecss[data-progrecss][data-progrecss-duration="27"]:after{-webkit-transition:width 27s;transition:width 27s}.progrecss[data-progrecss][data-progrecss-duration="28"]:after{-webkit-transition:width 28s;transition:width 28s}.progrecss[data-progrecss][data-progrecss-duration="29"]:after{-webkit-transition:width 29s;transition:width 29s}.progrecss[data-progrecss][data-progrecss-duration="30"]:after{-webkit-transition:width 30s;transition:width 30s}.progrecss[data-progrecss][data-progrecss-duration="31"]:after{-webkit-transition:width 31s;transition:width 31s}.progrecss[data-progrecss][data-progrecss-duration="32"]:after{-webkit-transition:width 32s;transition:width 32s}.progrecss[data-progrecss][data-progrecss-duration="33"]:after{-webkit-transition:width 33s;transition:width 33s}.progrecss[data-progrecss][data-progrecss-duration="34"]:after{-webkit-transition:width 34s;transition:width 34s}.progrecss[data-progrecss][data-progrecss-duration="35"]:after{-webkit-transition:width 35s;transition:width 35s}.progrecss[data-progrecss][data-progrecss-duration="36"]:after{-webkit-transition:width 36s;transition:width 36s}.progrecss[data-progrecss][data-progrecss-duration="37"]:after{-webkit-transition:width 37s;transition:width 37s}.progrecss[data-progrecss][data-progrecss-duration="38"]:after{-webkit-transition:width 38s;transition:width 38s}.progrecss[data-progrecss][data-progrecss-duration="39"]:after{-webkit-transition:width 39s;transition:width 39s}.progrecss[data-progrecss][data-progrecss-duration="40"]:after{-webkit-transition:width 40s;transition:width 40s}.progrecss[data-progrecss][data-progrecss-duration="41"]:after{-webkit-transition:width 41s;transition:width 41s}.progrecss[data-progrecss][data-progrecss-duration="42"]:after{-webkit-transition:width 42s;transition:width 42s}.progrecss[data-progrecss][data-progrecss-duration="43"]:after{-webkit-transition:width 43s;transition:width 43s}.progrecss[data-progrecss][data-progrecss-duration="44"]:after{-webkit-transition:width 44s;transition:width 44s}.progrecss[data-progrecss][data-progrecss-duration="45"]:after{-webkit-transition:width 45s;transition:width 45s}.progrecss[data-progrecss][data-progrecss-duration="46"]:after{-webkit-transition:width 46s;transition:width 46s}.progrecss[data-progrecss][data-progrecss-duration="47"]:after{-webkit-transition:width 47s;transition:width 47s}.progrecss[data-progrecss][data-progrecss-duration="48"]:after{-webkit-transition:width 48s;transition:width 48s}.progrecss[data-progrecss][data-progrecss-duration="49"]:after{-webkit-transition:width 49s;transition:width 49s}.progrecss[data-progrecss][data-progrecss-duration="50"]:after{-webkit-transition:width 50s;transition:width 50s}.progrecss[data-progrecss][data-progrecss-duration="51"]:after{-webkit-transition:width 51s;transition:width 51s}.progrecss[data-progrecss][data-progrecss-duration="52"]:after{-webkit-transition:width 52s;transition:width 52s}.progrecss[data-progrecss][data-progrecss-duration="53"]:after{-webkit-transition:width 53s;transition:width 53s}.progrecss[data-progrecss][data-progrecss-duration="54"]:after{-webkit-transition:width 54s;transition:width 54s}.progrecss[data-progrecss][data-progrecss-duration="55"]:after{-webkit-transition:width 55s;transition:width 55s}.progrecss[data-progrecss][data-progrecss-duration="56"]:after{-webkit-transition:width 56s;transition:width 56s}.progrecss[data-progrecss][data-progrecss-duration="57"]:after{-webkit-transition:width 57s;transition:width 57s}.progrecss[data-progrecss][data-progrecss-duration="58"]:after{-webkit-transition:width 58s;transition:width 58s}.progrecss[data-progrecss][data-progrecss-duration="59"]:after{-webkit-transition:width 59s;transition:width 59s}.progrecss[data-progrecss][data-progrecss-duration="60"]:after{-webkit-transition:width 60s;transition:width 60s}.progrecss[data-progrecss][data-progrecss-duration="61"]:after{-webkit-transition:width 61s;transition:width 61s}.progrecss[data-progrecss][data-progrecss-duration="62"]:after{-webkit-transition:width 62s;transition:width 62s}.progrecss[data-progrecss][data-progrecss-duration="63"]:after{-webkit-transition:width 63s;transition:width 63s}.progrecss[data-progrecss][data-progrecss-duration="64"]:after{-webkit-transition:width 64s;transition:width 64s}.progrecss[data-progrecss][data-progrecss-duration="65"]:after{-webkit-transition:width 65s;transition:width 65s}.progrecss[data-progrecss][data-progrecss-duration="66"]:after{-webkit-transition:width 66s;transition:width 66s}.progrecss[data-progrecss][data-progrecss-duration="67"]:after{-webkit-transition:width 67s;transition:width 67s}.progrecss[data-progrecss][data-progrecss-duration="68"]:after{-webkit-transition:width 68s;transition:width 68s}.progrecss[data-progrecss][data-progrecss-duration="69"]:after{-webkit-transition:width 69s;transition:width 69s}.progrecss[data-progrecss][data-progrecss-duration="70"]:after{-webkit-transition:width 70s;transition:width 70s}.progrecss[data-progrecss][data-progrecss-duration="71"]:after{-webkit-transition:width 71s;transition:width 71s}.progrecss[data-progrecss][data-progrecss-duration="72"]:after{-webkit-transition:width 72s;transition:width 72s}.progrecss[data-progrecss][data-progrecss-duration="73"]:after{-webkit-transition:width 73s;transition:width 73s}.progrecss[data-progrecss][data-progrecss-duration="74"]:after{-webkit-transition:width 74s;transition:width 74s}.progrecss[data-progrecss][data-progrecss-duration="75"]:after{-webkit-transition:width 75s;transition:width 75s}.progrecss[data-progrecss][data-progrecss-duration="76"]:after{-webkit-transition:width 76s;transition:width 76s}.progrecss[data-progrecss][data-progrecss-duration="77"]:after{-webkit-transition:width 77s;transition:width 77s}.progrecss[data-progrecss][data-progrecss-duration="78"]:after{-webkit-transition:width 78s;transition:width 78s}.progrecss[data-progrecss][data-progrecss-duration="79"]:after{-webkit-transition:width 79s;transition:width 79s}.progrecss[data-progrecss][data-progrecss-duration="80"]:after{-webkit-transition:width 80s;transition:width 80s}.progrecss[data-progrecss][data-progrecss-duration="81"]:after{-webkit-transition:width 81s;transition:width 81s}.progrecss[data-progrecss][data-progrecss-duration="82"]:after{-webkit-transition:width 82s;transition:width 82s}.progrecss[data-progrecss][data-progrecss-duration="83"]:after{-webkit-transition:width 83s;transition:width 83s}.progrecss[data-progrecss][data-progrecss-duration="84"]:after{-webkit-transition:width 84s;transition:width 84s}.progrecss[data-progrecss][data-progrecss-duration="85"]:after{-webkit-transition:width 85s;transition:width 85s}.progrecss[data-progrecss][data-progrecss-duration="86"]:after{-webkit-transition:width 86s;transition:width 86s}.progrecss[data-progrecss][data-progrecss-duration="87"]:after{-webkit-transition:width 87s;transition:width 87s}.progrecss[data-progrecss][data-progrecss-duration="88"]:after{-webkit-transition:width 88s;transition:width 88s}.progrecss[data-progrecss][data-progrecss-duration="89"]:after{-webkit-transition:width 89s;transition:width 89s}.progrecss[data-progrecss][data-progrecss-duration="90"]:after{-webkit-transition:width 90s;transition:width 90s}.progrecss[data-progrecss][data-progrecss-duration="91"]:after{-webkit-transition:width 91s;transition:width 91s}.progrecss[data-progrecss][data-progrecss-duration="92"]:after{-webkit-transition:width 92s;transition:width 92s}.progrecss[data-progrecss][data-progrecss-duration="93"]:after{-webkit-transition:width 93s;transition:width 93s}.progrecss[data-progrecss][data-progrecss-duration="94"]:after{-webkit-transition:width 94s;transition:width 94s}.progrecss[data-progrecss][data-progrecss-duration="95"]:after{-webkit-transition:width 95s;transition:width 95s}.progrecss[data-progrecss][data-progrecss-duration="96"]:after{-webkit-transition:width 96s;transition:width 96s}.progrecss[data-progrecss][data-progrecss-duration="97"]:after{-webkit-transition:width 97s;transition:width 97s}.progrecss[data-progrecss][data-progrecss-duration="98"]:after{-webkit-transition:width 98s;transition:width 98s}.progrecss[data-progrecss][data-progrecss-duration="99"]:after{-webkit-transition:width 99s;transition:width 99s}.progrecss[data-progrecss][data-progrecss-duration="100"]:after{-webkit-transition:width 100s;transition:width 100s} \ No newline at end of file diff --git a/dist/progrecss.min.js b/dist/progrecss.min.js new file mode 100644 index 0000000..7da0a87 --- /dev/null +++ b/dist/progrecss.min.js @@ -0,0 +1 @@ +(function(){var e;e=window.progrecss=function(t,r){return this instanceof e?(this._element=t,this._color=void 0!==r&&void 0!==r.color?r.color:"green",this._position=void 0!==r&&void 0!==r.position?r.position:"top",this._percent=void 0!==r&&void 0!==r.percent?r.percent:0,this._mock=void 0!==r&&void 0!==r.mock?!0:!1,this._mockDuration=void 0!==r&&void 0!==r.mock.mockDuration?r.mock.mockDuration:5,this._startMockOnCreate=void 0!==r&&void 0!==r.mock.startMockOnCreate?r.mock.startMockOnCreate:!0,this._staggered=void 0!==r&&void 0!==r.mock.staggered?r.mock.staggered:!1,this._timer=void 0!==r&&void 0!==r.timer?!0:!1,this._reverse=void 0!==r&&void 0!==r.reverse?r.reverse:!1,this._timerDuration=void 0!==r&&void 0!==r.timer&&void 0!==r.timer.timerDuration?r.timer.timerDuration:5,this._startTimerOnCreate=void 0!==r&&void 0!==r.timer&&void 0!==r.timer.startTimerOnCreate?r.timer.startTimerOnCreate:!0,void this._create()):new e(t,r)},e.prototype._create=function(){e=this,void 0===e._element&&(e._element=document.createElement("div")),e._element.className="progrecss "+e._position+" "+e._color,e._element.setAttribute("data-progrecss",e.percent),e._mock?(e._element.setAttribute("data-progrecss-mock",e._mockDuration),e._staggered&&(e._element.className+=" staggered"),e._startMockOnCreate&&(e._element.className+=" mock"),e._reverse&&(e._element.className+=" reverse")):e._timer&&(e.element.setAttribute("data-progrecss-timer",e._timerDuration),e._startTimerOnCreate&&(e.element.className+=" timer"),e._reverse&&(e._element.className+=" reverse"))},e.prototype.setprogrecss=function(e){if(!(void 0!==e&&"number"==typeof e&&100>=e&&e>=0))throw Error("progrecss: ERROR percent must be a number and between 0 and 100.");this._element.setAttribute("data-progrecss",e),this._percent=e},e.prototype.pause=function(){return this._element.className+=" pause"},e.prototype.play=function(){return this._element.className=this._element.className.replace("pause","")},e.prototype.togglePause=function(){return-1!==this._element.className.indexOf("pause")?this.play():this.pause()},e.prototype.startMock=function(){e=this,e._element.className+=" mock",setTimeout(function(){e._element.className=e._element.className.replace(/\bmock\b/,"")},1e3*e._mockDuration)},e.prototype.startTimer=function(){e=this,e._element.className+=" timer",setTimeout(function(){e._element.className=e._element.className.replace(/\btimer\b/,"")},1e3*e._timerDuration)}}).call(this); \ No newline at end of file diff --git a/progrecss.css b/progrecss.css new file mode 100644 index 0000000..4d1e96d --- /dev/null +++ b/progrecss.css @@ -0,0 +1,2718 @@ +/* +progrecss.css - http://jh3y.github.io/progrecss +Licensed under the MIT license + +Jhey Tompkins (c) 2014. + +Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions: + +The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. + +THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE. +*/ +.progrecss { + display: block; + position: relative; +} +.progrecss:after { + z-index: 2; +} +.progrecss.reverse:after { + -webkit-animation-direction: reverse; + animation-direction: reverse; +} +.progrecss.pause:after { + -webkit-animation-play-state: paused; + animation-play-state: paused; +} +.progrecss[data-progrecss]:after, +.progrecss[data-progrecss-mock]:after, +.progrecss[data-progrecss-timer]:after { + content: ""; + display: block; + position: absolute; + -webkit-transition: width 1s ease 0s; + transition: width 1s ease 0s; + background-color: #3498db; + -webkit-box-shadow: 0 0 1px #3498db; + box-shadow: 0 0 1px #3498db; + opacity: 0.6; + height: 4px; + border-radius: 0; + top: 0; +} +.progrecss[data-progrecss].bottom:after, +.progrecss[data-progrecss-mock].bottom:after, +.progrecss[data-progrecss-timer].bottom:after { + top: 100%; +} +.progrecss[data-progrecss].fixed:after, +.progrecss[data-progrecss-mock].fixed:after, +.progrecss[data-progrecss-timer].fixed:after { + position: fixed; + top: 0; + left: 0; +} +.progrecss[data-progrecss].fixed.bottom:after, +.progrecss[data-progrecss-mock].fixed.bottom:after, +.progrecss[data-progrecss-timer].fixed.bottom:after { + position: fixed; + top: 100%; +} +.progrecss[data-progrecss="0"]:after { + width: 0%; +} +.progrecss[data-progrecss="1"]:after { + width: 1%; +} +.progrecss[data-progrecss="2"]:after { + width: 2%; +} +.progrecss[data-progrecss="3"]:after { + width: 3%; +} +.progrecss[data-progrecss="4"]:after { + width: 4%; +} +.progrecss[data-progrecss="5"]:after { + width: 5%; +} +.progrecss[data-progrecss="6"]:after { + width: 6%; +} +.progrecss[data-progrecss="7"]:after { + width: 7%; +} +.progrecss[data-progrecss="8"]:after { + width: 8%; +} +.progrecss[data-progrecss="9"]:after { + width: 9%; +} +.progrecss[data-progrecss="10"]:after { + width: 10%; +} +.progrecss[data-progrecss="11"]:after { + width: 11%; +} +.progrecss[data-progrecss="12"]:after { + width: 12%; +} +.progrecss[data-progrecss="13"]:after { + width: 13%; +} +.progrecss[data-progrecss="14"]:after { + width: 14%; +} +.progrecss[data-progrecss="15"]:after { + width: 15%; +} +.progrecss[data-progrecss="16"]:after { + width: 16%; +} +.progrecss[data-progrecss="17"]:after { + width: 17%; +} +.progrecss[data-progrecss="18"]:after { + width: 18%; +} +.progrecss[data-progrecss="19"]:after { + width: 19%; +} +.progrecss[data-progrecss="20"]:after { + width: 20%; +} +.progrecss[data-progrecss="21"]:after { + width: 21%; +} +.progrecss[data-progrecss="22"]:after { + width: 22%; +} +.progrecss[data-progrecss="23"]:after { + width: 23%; +} +.progrecss[data-progrecss="24"]:after { + width: 24%; +} +.progrecss[data-progrecss="25"]:after { + width: 25%; +} +.progrecss[data-progrecss="26"]:after { + width: 26%; +} +.progrecss[data-progrecss="27"]:after { + width: 27%; +} +.progrecss[data-progrecss="28"]:after { + width: 28%; +} +.progrecss[data-progrecss="29"]:after { + width: 29%; +} +.progrecss[data-progrecss="30"]:after { + width: 30%; +} +.progrecss[data-progrecss="31"]:after { + width: 31%; +} +.progrecss[data-progrecss="32"]:after { + width: 32%; +} +.progrecss[data-progrecss="33"]:after { + width: 33%; +} +.progrecss[data-progrecss="34"]:after { + width: 34%; +} +.progrecss[data-progrecss="35"]:after { + width: 35%; +} +.progrecss[data-progrecss="36"]:after { + width: 36%; +} +.progrecss[data-progrecss="37"]:after { + width: 37%; +} +.progrecss[data-progrecss="38"]:after { + width: 38%; +} +.progrecss[data-progrecss="39"]:after { + width: 39%; +} +.progrecss[data-progrecss="40"]:after { + width: 40%; +} +.progrecss[data-progrecss="41"]:after { + width: 41%; +} +.progrecss[data-progrecss="42"]:after { + width: 42%; +} +.progrecss[data-progrecss="43"]:after { + width: 43%; +} +.progrecss[data-progrecss="44"]:after { + width: 44%; +} +.progrecss[data-progrecss="45"]:after { + width: 45%; +} +.progrecss[data-progrecss="46"]:after { + width: 46%; +} +.progrecss[data-progrecss="47"]:after { + width: 47%; +} +.progrecss[data-progrecss="48"]:after { + width: 48%; +} +.progrecss[data-progrecss="49"]:after { + width: 49%; +} +.progrecss[data-progrecss="50"]:after { + width: 50%; +} +.progrecss[data-progrecss="51"]:after { + width: 51%; +} +.progrecss[data-progrecss="52"]:after { + width: 52%; +} +.progrecss[data-progrecss="53"]:after { + width: 53%; +} +.progrecss[data-progrecss="54"]:after { + width: 54%; +} +.progrecss[data-progrecss="55"]:after { + width: 55%; +} +.progrecss[data-progrecss="56"]:after { + width: 56%; +} +.progrecss[data-progrecss="57"]:after { + width: 57%; +} +.progrecss[data-progrecss="58"]:after { + width: 58%; +} +.progrecss[data-progrecss="59"]:after { + width: 59%; +} +.progrecss[data-progrecss="60"]:after { + width: 60%; +} +.progrecss[data-progrecss="61"]:after { + width: 61%; +} +.progrecss[data-progrecss="62"]:after { + width: 62%; +} +.progrecss[data-progrecss="63"]:after { + width: 63%; +} +.progrecss[data-progrecss="64"]:after { + width: 64%; +} +.progrecss[data-progrecss="65"]:after { + width: 65%; +} +.progrecss[data-progrecss="66"]:after { + width: 66%; +} +.progrecss[data-progrecss="67"]:after { + width: 67%; +} +.progrecss[data-progrecss="68"]:after { + width: 68%; +} +.progrecss[data-progrecss="69"]:after { + width: 69%; +} +.progrecss[data-progrecss="70"]:after { + width: 70%; +} +.progrecss[data-progrecss="71"]:after { + width: 71%; +} +.progrecss[data-progrecss="72"]:after { + width: 72%; +} +.progrecss[data-progrecss="73"]:after { + width: 73%; +} +.progrecss[data-progrecss="74"]:after { + width: 74%; +} +.progrecss[data-progrecss="75"]:after { + width: 75%; +} +.progrecss[data-progrecss="76"]:after { + width: 76%; +} +.progrecss[data-progrecss="77"]:after { + width: 77%; +} +.progrecss[data-progrecss="78"]:after { + width: 78%; +} +.progrecss[data-progrecss="79"]:after { + width: 79%; +} +.progrecss[data-progrecss="80"]:after { + width: 80%; +} +.progrecss[data-progrecss="81"]:after { + width: 81%; +} +.progrecss[data-progrecss="82"]:after { + width: 82%; +} +.progrecss[data-progrecss="83"]:after { + width: 83%; +} +.progrecss[data-progrecss="84"]:after { + width: 84%; +} +.progrecss[data-progrecss="85"]:after { + width: 85%; +} +.progrecss[data-progrecss="86"]:after { + width: 86%; +} +.progrecss[data-progrecss="87"]:after { + width: 87%; +} +.progrecss[data-progrecss="88"]:after { + width: 88%; +} +.progrecss[data-progrecss="89"]:after { + width: 89%; +} +.progrecss[data-progrecss="90"]:after { + width: 90%; +} +.progrecss[data-progrecss="91"]:after { + width: 91%; +} +.progrecss[data-progrecss="92"]:after { + width: 92%; +} +.progrecss[data-progrecss="93"]:after { + width: 93%; +} +.progrecss[data-progrecss="94"]:after { + width: 94%; +} +.progrecss[data-progrecss="95"]:after { + width: 95%; +} +.progrecss[data-progrecss="96"]:after { + width: 96%; +} +.progrecss[data-progrecss="97"]:after { + width: 97%; +} +.progrecss[data-progrecss="98"]:after { + width: 98%; +} +.progrecss[data-progrecss="99"]:after { + width: 99%; +} +.progrecss[data-progrecss="100"]:after { + width: 100%; +} +@-webkit-keyframes mock { + 0% { + width: 0%; + } + 100% { + width: 100%; + } +} +@keyframes mock { + 0% { + width: 0%; + } + 100% { + width: 100%; + } +} +.progrecss[data-progrecss-mock="0"].mock:after { + -webkit-animation-name: mock; + animation-name: mock; + -webkit-animation-duration: 0s; + animation-duration: 0s; +} +.progrecss[data-progrecss-mock="1"].mock:after { + -webkit-animation-name: mock; + animation-name: mock; + -webkit-animation-duration: 1s; + animation-duration: 1s; +} +.progrecss[data-progrecss-mock="2"].mock:after { + -webkit-animation-name: mock; + animation-name: mock; + -webkit-animation-duration: 2s; + animation-duration: 2s; +} +.progrecss[data-progrecss-mock="3"].mock:after { + -webkit-animation-name: mock; + animation-name: mock; + -webkit-animation-duration: 3s; + animation-duration: 3s; +} +.progrecss[data-progrecss-mock="4"].mock:after { + -webkit-animation-name: mock; + animation-name: mock; + -webkit-animation-duration: 4s; + animation-duration: 4s; +} +.progrecss[data-progrecss-mock="5"].mock:after { + -webkit-animation-name: mock; + animation-name: mock; + -webkit-animation-duration: 5s; + animation-duration: 5s; +} +.progrecss[data-progrecss-mock="6"].mock:after { + -webkit-animation-name: mock; + animation-name: mock; + -webkit-animation-duration: 6s; + animation-duration: 6s; +} +.progrecss[data-progrecss-mock="7"].mock:after { + -webkit-animation-name: mock; + animation-name: mock; + -webkit-animation-duration: 7s; + animation-duration: 7s; +} +.progrecss[data-progrecss-mock="8"].mock:after { + -webkit-animation-name: mock; + animation-name: mock; + -webkit-animation-duration: 8s; + animation-duration: 8s; +} +.progrecss[data-progrecss-mock="9"].mock:after { + -webkit-animation-name: mock; + animation-name: mock; + -webkit-animation-duration: 9s; + animation-duration: 9s; +} +.progrecss[data-progrecss-mock="10"].mock:after { + -webkit-animation-name: mock; + animation-name: mock; + -webkit-animation-duration: 10s; + animation-duration: 10s; +} +.progrecss[data-progrecss-mock="11"].mock:after { + -webkit-animation-name: mock; + animation-name: mock; + -webkit-animation-duration: 11s; + animation-duration: 11s; +} +.progrecss[data-progrecss-mock="12"].mock:after { + -webkit-animation-name: mock; + animation-name: mock; + -webkit-animation-duration: 12s; + animation-duration: 12s; +} +.progrecss[data-progrecss-mock="13"].mock:after { + -webkit-animation-name: mock; + animation-name: mock; + -webkit-animation-duration: 13s; + animation-duration: 13s; +} +.progrecss[data-progrecss-mock="14"].mock:after { + -webkit-animation-name: mock; + animation-name: mock; + -webkit-animation-duration: 14s; + animation-duration: 14s; +} +.progrecss[data-progrecss-mock="15"].mock:after { + -webkit-animation-name: mock; + animation-name: mock; + -webkit-animation-duration: 15s; + animation-duration: 15s; +} +.progrecss[data-progrecss-mock="16"].mock:after { + -webkit-animation-name: mock; + animation-name: mock; + -webkit-animation-duration: 16s; + animation-duration: 16s; +} +.progrecss[data-progrecss-mock="17"].mock:after { + -webkit-animation-name: mock; + animation-name: mock; + -webkit-animation-duration: 17s; + animation-duration: 17s; +} +.progrecss[data-progrecss-mock="18"].mock:after { + -webkit-animation-name: mock; + animation-name: mock; + -webkit-animation-duration: 18s; + animation-duration: 18s; +} +.progrecss[data-progrecss-mock="19"].mock:after { + -webkit-animation-name: mock; + animation-name: mock; + -webkit-animation-duration: 19s; + animation-duration: 19s; +} +.progrecss[data-progrecss-mock="20"].mock:after { + -webkit-animation-name: mock; + animation-name: mock; + -webkit-animation-duration: 20s; + animation-duration: 20s; +} +.progrecss[data-progrecss-mock="21"].mock:after { + -webkit-animation-name: mock; + animation-name: mock; + -webkit-animation-duration: 21s; + animation-duration: 21s; +} +.progrecss[data-progrecss-mock="22"].mock:after { + -webkit-animation-name: mock; + animation-name: mock; + -webkit-animation-duration: 22s; + animation-duration: 22s; +} +.progrecss[data-progrecss-mock="23"].mock:after { + -webkit-animation-name: mock; + animation-name: mock; + -webkit-animation-duration: 23s; + animation-duration: 23s; +} +.progrecss[data-progrecss-mock="24"].mock:after { + -webkit-animation-name: mock; + animation-name: mock; + -webkit-animation-duration: 24s; + animation-duration: 24s; +} +.progrecss[data-progrecss-mock="25"].mock:after { + -webkit-animation-name: mock; + animation-name: mock; + -webkit-animation-duration: 25s; + animation-duration: 25s; +} +.progrecss[data-progrecss-mock="26"].mock:after { + -webkit-animation-name: mock; + animation-name: mock; + -webkit-animation-duration: 26s; + animation-duration: 26s; +} +.progrecss[data-progrecss-mock="27"].mock:after { + -webkit-animation-name: mock; + animation-name: mock; + -webkit-animation-duration: 27s; + animation-duration: 27s; +} +.progrecss[data-progrecss-mock="28"].mock:after { + -webkit-animation-name: mock; + animation-name: mock; + -webkit-animation-duration: 28s; + animation-duration: 28s; +} +.progrecss[data-progrecss-mock="29"].mock:after { + -webkit-animation-name: mock; + animation-name: mock; + -webkit-animation-duration: 29s; + animation-duration: 29s; +} +.progrecss[data-progrecss-mock="30"].mock:after { + -webkit-animation-name: mock; + animation-name: mock; + -webkit-animation-duration: 30s; + animation-duration: 30s; +} +.progrecss[data-progrecss-mock="31"].mock:after { + -webkit-animation-name: mock; + animation-name: mock; + -webkit-animation-duration: 31s; + animation-duration: 31s; +} +.progrecss[data-progrecss-mock="32"].mock:after { + -webkit-animation-name: mock; + animation-name: mock; + -webkit-animation-duration: 32s; + animation-duration: 32s; +} +.progrecss[data-progrecss-mock="33"].mock:after { + -webkit-animation-name: mock; + animation-name: mock; + -webkit-animation-duration: 33s; + animation-duration: 33s; +} +.progrecss[data-progrecss-mock="34"].mock:after { + -webkit-animation-name: mock; + animation-name: mock; + -webkit-animation-duration: 34s; + animation-duration: 34s; +} +.progrecss[data-progrecss-mock="35"].mock:after { + -webkit-animation-name: mock; + animation-name: mock; + -webkit-animation-duration: 35s; + animation-duration: 35s; +} +.progrecss[data-progrecss-mock="36"].mock:after { + -webkit-animation-name: mock; + animation-name: mock; + -webkit-animation-duration: 36s; + animation-duration: 36s; +} +.progrecss[data-progrecss-mock="37"].mock:after { + -webkit-animation-name: mock; + animation-name: mock; + -webkit-animation-duration: 37s; + animation-duration: 37s; +} +.progrecss[data-progrecss-mock="38"].mock:after { + -webkit-animation-name: mock; + animation-name: mock; + -webkit-animation-duration: 38s; + animation-duration: 38s; +} +.progrecss[data-progrecss-mock="39"].mock:after { + -webkit-animation-name: mock; + animation-name: mock; + -webkit-animation-duration: 39s; + animation-duration: 39s; +} +.progrecss[data-progrecss-mock="40"].mock:after { + -webkit-animation-name: mock; + animation-name: mock; + -webkit-animation-duration: 40s; + animation-duration: 40s; +} +.progrecss[data-progrecss-mock="41"].mock:after { + -webkit-animation-name: mock; + animation-name: mock; + -webkit-animation-duration: 41s; + animation-duration: 41s; +} +.progrecss[data-progrecss-mock="42"].mock:after { + -webkit-animation-name: mock; + animation-name: mock; + -webkit-animation-duration: 42s; + animation-duration: 42s; +} +.progrecss[data-progrecss-mock="43"].mock:after { + -webkit-animation-name: mock; + animation-name: mock; + -webkit-animation-duration: 43s; + animation-duration: 43s; +} +.progrecss[data-progrecss-mock="44"].mock:after { + -webkit-animation-name: mock; + animation-name: mock; + -webkit-animation-duration: 44s; + animation-duration: 44s; +} +.progrecss[data-progrecss-mock="45"].mock:after { + -webkit-animation-name: mock; + animation-name: mock; + -webkit-animation-duration: 45s; + animation-duration: 45s; +} +.progrecss[data-progrecss-mock="46"].mock:after { + -webkit-animation-name: mock; + animation-name: mock; + -webkit-animation-duration: 46s; + animation-duration: 46s; +} +.progrecss[data-progrecss-mock="47"].mock:after { + -webkit-animation-name: mock; + animation-name: mock; + -webkit-animation-duration: 47s; + animation-duration: 47s; +} +.progrecss[data-progrecss-mock="48"].mock:after { + -webkit-animation-name: mock; + animation-name: mock; + -webkit-animation-duration: 48s; + animation-duration: 48s; +} +.progrecss[data-progrecss-mock="49"].mock:after { + -webkit-animation-name: mock; + animation-name: mock; + -webkit-animation-duration: 49s; + animation-duration: 49s; +} +.progrecss[data-progrecss-mock="50"].mock:after { + -webkit-animation-name: mock; + animation-name: mock; + -webkit-animation-duration: 50s; + animation-duration: 50s; +} +.progrecss[data-progrecss-mock="51"].mock:after { + -webkit-animation-name: mock; + animation-name: mock; + -webkit-animation-duration: 51s; + animation-duration: 51s; +} +.progrecss[data-progrecss-mock="52"].mock:after { + -webkit-animation-name: mock; + animation-name: mock; + -webkit-animation-duration: 52s; + animation-duration: 52s; +} +.progrecss[data-progrecss-mock="53"].mock:after { + -webkit-animation-name: mock; + animation-name: mock; + -webkit-animation-duration: 53s; + animation-duration: 53s; +} +.progrecss[data-progrecss-mock="54"].mock:after { + -webkit-animation-name: mock; + animation-name: mock; + -webkit-animation-duration: 54s; + animation-duration: 54s; +} +.progrecss[data-progrecss-mock="55"].mock:after { + -webkit-animation-name: mock; + animation-name: mock; + -webkit-animation-duration: 55s; + animation-duration: 55s; +} +.progrecss[data-progrecss-mock="56"].mock:after { + -webkit-animation-name: mock; + animation-name: mock; + -webkit-animation-duration: 56s; + animation-duration: 56s; +} +.progrecss[data-progrecss-mock="57"].mock:after { + -webkit-animation-name: mock; + animation-name: mock; + -webkit-animation-duration: 57s; + animation-duration: 57s; +} +.progrecss[data-progrecss-mock="58"].mock:after { + -webkit-animation-name: mock; + animation-name: mock; + -webkit-animation-duration: 58s; + animation-duration: 58s; +} +.progrecss[data-progrecss-mock="59"].mock:after { + -webkit-animation-name: mock; + animation-name: mock; + -webkit-animation-duration: 59s; + animation-duration: 59s; +} +.progrecss[data-progrecss-mock="60"].mock:after { + -webkit-animation-name: mock; + animation-name: mock; + -webkit-animation-duration: 60s; + animation-duration: 60s; +} +.progrecss[data-progrecss-mock="61"].mock:after { + -webkit-animation-name: mock; + animation-name: mock; + -webkit-animation-duration: 61s; + animation-duration: 61s; +} +.progrecss[data-progrecss-mock="62"].mock:after { + -webkit-animation-name: mock; + animation-name: mock; + -webkit-animation-duration: 62s; + animation-duration: 62s; +} +.progrecss[data-progrecss-mock="63"].mock:after { + -webkit-animation-name: mock; + animation-name: mock; + -webkit-animation-duration: 63s; + animation-duration: 63s; +} +.progrecss[data-progrecss-mock="64"].mock:after { + -webkit-animation-name: mock; + animation-name: mock; + -webkit-animation-duration: 64s; + animation-duration: 64s; +} +.progrecss[data-progrecss-mock="65"].mock:after { + -webkit-animation-name: mock; + animation-name: mock; + -webkit-animation-duration: 65s; + animation-duration: 65s; +} +.progrecss[data-progrecss-mock="66"].mock:after { + -webkit-animation-name: mock; + animation-name: mock; + -webkit-animation-duration: 66s; + animation-duration: 66s; +} +.progrecss[data-progrecss-mock="67"].mock:after { + -webkit-animation-name: mock; + animation-name: mock; + -webkit-animation-duration: 67s; + animation-duration: 67s; +} +.progrecss[data-progrecss-mock="68"].mock:after { + -webkit-animation-name: mock; + animation-name: mock; + -webkit-animation-duration: 68s; + animation-duration: 68s; +} +.progrecss[data-progrecss-mock="69"].mock:after { + -webkit-animation-name: mock; + animation-name: mock; + -webkit-animation-duration: 69s; + animation-duration: 69s; +} +.progrecss[data-progrecss-mock="70"].mock:after { + -webkit-animation-name: mock; + animation-name: mock; + -webkit-animation-duration: 70s; + animation-duration: 70s; +} +.progrecss[data-progrecss-mock="71"].mock:after { + -webkit-animation-name: mock; + animation-name: mock; + -webkit-animation-duration: 71s; + animation-duration: 71s; +} +.progrecss[data-progrecss-mock="72"].mock:after { + -webkit-animation-name: mock; + animation-name: mock; + -webkit-animation-duration: 72s; + animation-duration: 72s; +} +.progrecss[data-progrecss-mock="73"].mock:after { + -webkit-animation-name: mock; + animation-name: mock; + -webkit-animation-duration: 73s; + animation-duration: 73s; +} +.progrecss[data-progrecss-mock="74"].mock:after { + -webkit-animation-name: mock; + animation-name: mock; + -webkit-animation-duration: 74s; + animation-duration: 74s; +} +.progrecss[data-progrecss-mock="75"].mock:after { + -webkit-animation-name: mock; + animation-name: mock; + -webkit-animation-duration: 75s; + animation-duration: 75s; +} +.progrecss[data-progrecss-mock="76"].mock:after { + -webkit-animation-name: mock; + animation-name: mock; + -webkit-animation-duration: 76s; + animation-duration: 76s; +} +.progrecss[data-progrecss-mock="77"].mock:after { + -webkit-animation-name: mock; + animation-name: mock; + -webkit-animation-duration: 77s; + animation-duration: 77s; +} +.progrecss[data-progrecss-mock="78"].mock:after { + -webkit-animation-name: mock; + animation-name: mock; + -webkit-animation-duration: 78s; + animation-duration: 78s; +} +.progrecss[data-progrecss-mock="79"].mock:after { + -webkit-animation-name: mock; + animation-name: mock; + -webkit-animation-duration: 79s; + animation-duration: 79s; +} +.progrecss[data-progrecss-mock="80"].mock:after { + -webkit-animation-name: mock; + animation-name: mock; + -webkit-animation-duration: 80s; + animation-duration: 80s; +} +.progrecss[data-progrecss-mock="81"].mock:after { + -webkit-animation-name: mock; + animation-name: mock; + -webkit-animation-duration: 81s; + animation-duration: 81s; +} +.progrecss[data-progrecss-mock="82"].mock:after { + -webkit-animation-name: mock; + animation-name: mock; + -webkit-animation-duration: 82s; + animation-duration: 82s; +} +.progrecss[data-progrecss-mock="83"].mock:after { + -webkit-animation-name: mock; + animation-name: mock; + -webkit-animation-duration: 83s; + animation-duration: 83s; +} +.progrecss[data-progrecss-mock="84"].mock:after { + -webkit-animation-name: mock; + animation-name: mock; + -webkit-animation-duration: 84s; + animation-duration: 84s; +} +.progrecss[data-progrecss-mock="85"].mock:after { + -webkit-animation-name: mock; + animation-name: mock; + -webkit-animation-duration: 85s; + animation-duration: 85s; +} +.progrecss[data-progrecss-mock="86"].mock:after { + -webkit-animation-name: mock; + animation-name: mock; + -webkit-animation-duration: 86s; + animation-duration: 86s; +} +.progrecss[data-progrecss-mock="87"].mock:after { + -webkit-animation-name: mock; + animation-name: mock; + -webkit-animation-duration: 87s; + animation-duration: 87s; +} +.progrecss[data-progrecss-mock="88"].mock:after { + -webkit-animation-name: mock; + animation-name: mock; + -webkit-animation-duration: 88s; + animation-duration: 88s; +} +.progrecss[data-progrecss-mock="89"].mock:after { + -webkit-animation-name: mock; + animation-name: mock; + -webkit-animation-duration: 89s; + animation-duration: 89s; +} +.progrecss[data-progrecss-mock="90"].mock:after { + -webkit-animation-name: mock; + animation-name: mock; + -webkit-animation-duration: 90s; + animation-duration: 90s; +} +.progrecss[data-progrecss-mock="91"].mock:after { + -webkit-animation-name: mock; + animation-name: mock; + -webkit-animation-duration: 91s; + animation-duration: 91s; +} +.progrecss[data-progrecss-mock="92"].mock:after { + -webkit-animation-name: mock; + animation-name: mock; + -webkit-animation-duration: 92s; + animation-duration: 92s; +} +.progrecss[data-progrecss-mock="93"].mock:after { + -webkit-animation-name: mock; + animation-name: mock; + -webkit-animation-duration: 93s; + animation-duration: 93s; +} +.progrecss[data-progrecss-mock="94"].mock:after { + -webkit-animation-name: mock; + animation-name: mock; + -webkit-animation-duration: 94s; + animation-duration: 94s; +} +.progrecss[data-progrecss-mock="95"].mock:after { + -webkit-animation-name: mock; + animation-name: mock; + -webkit-animation-duration: 95s; + animation-duration: 95s; +} +.progrecss[data-progrecss-mock="96"].mock:after { + -webkit-animation-name: mock; + animation-name: mock; + -webkit-animation-duration: 96s; + animation-duration: 96s; +} +.progrecss[data-progrecss-mock="97"].mock:after { + -webkit-animation-name: mock; + animation-name: mock; + -webkit-animation-duration: 97s; + animation-duration: 97s; +} +.progrecss[data-progrecss-mock="98"].mock:after { + -webkit-animation-name: mock; + animation-name: mock; + -webkit-animation-duration: 98s; + animation-duration: 98s; +} +.progrecss[data-progrecss-mock="99"].mock:after { + -webkit-animation-name: mock; + animation-name: mock; + -webkit-animation-duration: 99s; + animation-duration: 99s; +} +.progrecss[data-progrecss-mock="100"].mock:after { + -webkit-animation-name: mock; + animation-name: mock; + -webkit-animation-duration: 100s; + animation-duration: 100s; +} +@-webkit-keyframes staggered-mock { + 0% { + width: 0%; + } + 10% { + width: 10%; + } + 20% { + width: 10%; + } + 30% { + width: 30%; + } + 40% { + width: 30%; + } + 50% { + width: 30%; + } + 60% { + width: 50%; + } + 70% { + width: 70%; + } + 80% { + width: 70%; + } + 90% { + width: 90%; + } + 100% { + width: 100%; + } +} +@keyframes staggered-mock { + 0% { + width: 0%; + } + 10% { + width: 10%; + } + 20% { + width: 10%; + } + 30% { + width: 30%; + } + 40% { + width: 30%; + } + 50% { + width: 30%; + } + 60% { + width: 50%; + } + 70% { + width: 70%; + } + 80% { + width: 70%; + } + 90% { + width: 90%; + } + 100% { + width: 100%; + } +} +.progrecss[data-progrecss-mock="0"].staggered.mock:after { + -webkit-animation-name: staggered-mock; + animation-name: staggered-mock; + -webkit-animation-duration: 0s; + animation-duration: 0s; +} +.progrecss[data-progrecss-mock="1"].staggered.mock:after { + -webkit-animation-name: staggered-mock; + animation-name: staggered-mock; + -webkit-animation-duration: 1s; + animation-duration: 1s; +} +.progrecss[data-progrecss-mock="2"].staggered.mock:after { + -webkit-animation-name: staggered-mock; + animation-name: staggered-mock; + -webkit-animation-duration: 2s; + animation-duration: 2s; +} +.progrecss[data-progrecss-mock="3"].staggered.mock:after { + -webkit-animation-name: staggered-mock; + animation-name: staggered-mock; + -webkit-animation-duration: 3s; + animation-duration: 3s; +} +.progrecss[data-progrecss-mock="4"].staggered.mock:after { + -webkit-animation-name: staggered-mock; + animation-name: staggered-mock; + -webkit-animation-duration: 4s; + animation-duration: 4s; +} +.progrecss[data-progrecss-mock="5"].staggered.mock:after { + -webkit-animation-name: staggered-mock; + animation-name: staggered-mock; + -webkit-animation-duration: 5s; + animation-duration: 5s; +} +.progrecss[data-progrecss-mock="6"].staggered.mock:after { + -webkit-animation-name: staggered-mock; + animation-name: staggered-mock; + -webkit-animation-duration: 6s; + animation-duration: 6s; +} +.progrecss[data-progrecss-mock="7"].staggered.mock:after { + -webkit-animation-name: staggered-mock; + animation-name: staggered-mock; + -webkit-animation-duration: 7s; + animation-duration: 7s; +} +.progrecss[data-progrecss-mock="8"].staggered.mock:after { + -webkit-animation-name: staggered-mock; + animation-name: staggered-mock; + -webkit-animation-duration: 8s; + animation-duration: 8s; +} +.progrecss[data-progrecss-mock="9"].staggered.mock:after { + -webkit-animation-name: staggered-mock; + animation-name: staggered-mock; + -webkit-animation-duration: 9s; + animation-duration: 9s; +} +.progrecss[data-progrecss-mock="10"].staggered.mock:after { + -webkit-animation-name: staggered-mock; + animation-name: staggered-mock; + -webkit-animation-duration: 10s; + animation-duration: 10s; +} +.progrecss[data-progrecss-mock="11"].staggered.mock:after { + -webkit-animation-name: staggered-mock; + animation-name: staggered-mock; + -webkit-animation-duration: 11s; + animation-duration: 11s; +} +.progrecss[data-progrecss-mock="12"].staggered.mock:after { + -webkit-animation-name: staggered-mock; + animation-name: staggered-mock; + -webkit-animation-duration: 12s; + animation-duration: 12s; +} +.progrecss[data-progrecss-mock="13"].staggered.mock:after { + -webkit-animation-name: staggered-mock; + animation-name: staggered-mock; + -webkit-animation-duration: 13s; + animation-duration: 13s; +} +.progrecss[data-progrecss-mock="14"].staggered.mock:after { + -webkit-animation-name: staggered-mock; + animation-name: staggered-mock; + -webkit-animation-duration: 14s; + animation-duration: 14s; +} +.progrecss[data-progrecss-mock="15"].staggered.mock:after { + -webkit-animation-name: staggered-mock; + animation-name: staggered-mock; + -webkit-animation-duration: 15s; + animation-duration: 15s; +} +.progrecss[data-progrecss-mock="16"].staggered.mock:after { + -webkit-animation-name: staggered-mock; + animation-name: staggered-mock; + -webkit-animation-duration: 16s; + animation-duration: 16s; +} +.progrecss[data-progrecss-mock="17"].staggered.mock:after { + -webkit-animation-name: staggered-mock; + animation-name: staggered-mock; + -webkit-animation-duration: 17s; + animation-duration: 17s; +} +.progrecss[data-progrecss-mock="18"].staggered.mock:after { + -webkit-animation-name: staggered-mock; + animation-name: staggered-mock; + -webkit-animation-duration: 18s; + animation-duration: 18s; +} +.progrecss[data-progrecss-mock="19"].staggered.mock:after { + -webkit-animation-name: staggered-mock; + animation-name: staggered-mock; + -webkit-animation-duration: 19s; + animation-duration: 19s; +} +.progrecss[data-progrecss-mock="20"].staggered.mock:after { + -webkit-animation-name: staggered-mock; + animation-name: staggered-mock; + -webkit-animation-duration: 20s; + animation-duration: 20s; +} +.progrecss[data-progrecss-mock="21"].staggered.mock:after { + -webkit-animation-name: staggered-mock; + animation-name: staggered-mock; + -webkit-animation-duration: 21s; + animation-duration: 21s; +} +.progrecss[data-progrecss-mock="22"].staggered.mock:after { + -webkit-animation-name: staggered-mock; + animation-name: staggered-mock; + -webkit-animation-duration: 22s; + animation-duration: 22s; +} +.progrecss[data-progrecss-mock="23"].staggered.mock:after { + -webkit-animation-name: staggered-mock; + animation-name: staggered-mock; + -webkit-animation-duration: 23s; + animation-duration: 23s; +} +.progrecss[data-progrecss-mock="24"].staggered.mock:after { + -webkit-animation-name: staggered-mock; + animation-name: staggered-mock; + -webkit-animation-duration: 24s; + animation-duration: 24s; +} +.progrecss[data-progrecss-mock="25"].staggered.mock:after { + -webkit-animation-name: staggered-mock; + animation-name: staggered-mock; + -webkit-animation-duration: 25s; + animation-duration: 25s; +} +.progrecss[data-progrecss-mock="26"].staggered.mock:after { + -webkit-animation-name: staggered-mock; + animation-name: staggered-mock; + -webkit-animation-duration: 26s; + animation-duration: 26s; +} +.progrecss[data-progrecss-mock="27"].staggered.mock:after { + -webkit-animation-name: staggered-mock; + animation-name: staggered-mock; + -webkit-animation-duration: 27s; + animation-duration: 27s; +} +.progrecss[data-progrecss-mock="28"].staggered.mock:after { + -webkit-animation-name: staggered-mock; + animation-name: staggered-mock; + -webkit-animation-duration: 28s; + animation-duration: 28s; +} +.progrecss[data-progrecss-mock="29"].staggered.mock:after { + -webkit-animation-name: staggered-mock; + animation-name: staggered-mock; + -webkit-animation-duration: 29s; + animation-duration: 29s; +} +.progrecss[data-progrecss-mock="30"].staggered.mock:after { + -webkit-animation-name: staggered-mock; + animation-name: staggered-mock; + -webkit-animation-duration: 30s; + animation-duration: 30s; +} +.progrecss[data-progrecss-mock="31"].staggered.mock:after { + -webkit-animation-name: staggered-mock; + animation-name: staggered-mock; + -webkit-animation-duration: 31s; + animation-duration: 31s; +} +.progrecss[data-progrecss-mock="32"].staggered.mock:after { + -webkit-animation-name: staggered-mock; + animation-name: staggered-mock; + -webkit-animation-duration: 32s; + animation-duration: 32s; +} +.progrecss[data-progrecss-mock="33"].staggered.mock:after { + -webkit-animation-name: staggered-mock; + animation-name: staggered-mock; + -webkit-animation-duration: 33s; + animation-duration: 33s; +} +.progrecss[data-progrecss-mock="34"].staggered.mock:after { + -webkit-animation-name: staggered-mock; + animation-name: staggered-mock; + -webkit-animation-duration: 34s; + animation-duration: 34s; +} +.progrecss[data-progrecss-mock="35"].staggered.mock:after { + -webkit-animation-name: staggered-mock; + animation-name: staggered-mock; + -webkit-animation-duration: 35s; + animation-duration: 35s; +} +.progrecss[data-progrecss-mock="36"].staggered.mock:after { + -webkit-animation-name: staggered-mock; + animation-name: staggered-mock; + -webkit-animation-duration: 36s; + animation-duration: 36s; +} +.progrecss[data-progrecss-mock="37"].staggered.mock:after { + -webkit-animation-name: staggered-mock; + animation-name: staggered-mock; + -webkit-animation-duration: 37s; + animation-duration: 37s; +} +.progrecss[data-progrecss-mock="38"].staggered.mock:after { + -webkit-animation-name: staggered-mock; + animation-name: staggered-mock; + -webkit-animation-duration: 38s; + animation-duration: 38s; +} +.progrecss[data-progrecss-mock="39"].staggered.mock:after { + -webkit-animation-name: staggered-mock; + animation-name: staggered-mock; + -webkit-animation-duration: 39s; + animation-duration: 39s; +} +.progrecss[data-progrecss-mock="40"].staggered.mock:after { + -webkit-animation-name: staggered-mock; + animation-name: staggered-mock; + -webkit-animation-duration: 40s; + animation-duration: 40s; +} +.progrecss[data-progrecss-mock="41"].staggered.mock:after { + -webkit-animation-name: staggered-mock; + animation-name: staggered-mock; + -webkit-animation-duration: 41s; + animation-duration: 41s; +} +.progrecss[data-progrecss-mock="42"].staggered.mock:after { + -webkit-animation-name: staggered-mock; + animation-name: staggered-mock; + -webkit-animation-duration: 42s; + animation-duration: 42s; +} +.progrecss[data-progrecss-mock="43"].staggered.mock:after { + -webkit-animation-name: staggered-mock; + animation-name: staggered-mock; + -webkit-animation-duration: 43s; + animation-duration: 43s; +} +.progrecss[data-progrecss-mock="44"].staggered.mock:after { + -webkit-animation-name: staggered-mock; + animation-name: staggered-mock; + -webkit-animation-duration: 44s; + animation-duration: 44s; +} +.progrecss[data-progrecss-mock="45"].staggered.mock:after { + -webkit-animation-name: staggered-mock; + animation-name: staggered-mock; + -webkit-animation-duration: 45s; + animation-duration: 45s; +} +.progrecss[data-progrecss-mock="46"].staggered.mock:after { + -webkit-animation-name: staggered-mock; + animation-name: staggered-mock; + -webkit-animation-duration: 46s; + animation-duration: 46s; +} +.progrecss[data-progrecss-mock="47"].staggered.mock:after { + -webkit-animation-name: staggered-mock; + animation-name: staggered-mock; + -webkit-animation-duration: 47s; + animation-duration: 47s; +} +.progrecss[data-progrecss-mock="48"].staggered.mock:after { + -webkit-animation-name: staggered-mock; + animation-name: staggered-mock; + -webkit-animation-duration: 48s; + animation-duration: 48s; +} +.progrecss[data-progrecss-mock="49"].staggered.mock:after { + -webkit-animation-name: staggered-mock; + animation-name: staggered-mock; + -webkit-animation-duration: 49s; + animation-duration: 49s; +} +.progrecss[data-progrecss-mock="50"].staggered.mock:after { + -webkit-animation-name: staggered-mock; + animation-name: staggered-mock; + -webkit-animation-duration: 50s; + animation-duration: 50s; +} +.progrecss[data-progrecss-mock="51"].staggered.mock:after { + -webkit-animation-name: staggered-mock; + animation-name: staggered-mock; + -webkit-animation-duration: 51s; + animation-duration: 51s; +} +.progrecss[data-progrecss-mock="52"].staggered.mock:after { + -webkit-animation-name: staggered-mock; + animation-name: staggered-mock; + -webkit-animation-duration: 52s; + animation-duration: 52s; +} +.progrecss[data-progrecss-mock="53"].staggered.mock:after { + -webkit-animation-name: staggered-mock; + animation-name: staggered-mock; + -webkit-animation-duration: 53s; + animation-duration: 53s; +} +.progrecss[data-progrecss-mock="54"].staggered.mock:after { + -webkit-animation-name: staggered-mock; + animation-name: staggered-mock; + -webkit-animation-duration: 54s; + animation-duration: 54s; +} +.progrecss[data-progrecss-mock="55"].staggered.mock:after { + -webkit-animation-name: staggered-mock; + animation-name: staggered-mock; + -webkit-animation-duration: 55s; + animation-duration: 55s; +} +.progrecss[data-progrecss-mock="56"].staggered.mock:after { + -webkit-animation-name: staggered-mock; + animation-name: staggered-mock; + -webkit-animation-duration: 56s; + animation-duration: 56s; +} +.progrecss[data-progrecss-mock="57"].staggered.mock:after { + -webkit-animation-name: staggered-mock; + animation-name: staggered-mock; + -webkit-animation-duration: 57s; + animation-duration: 57s; +} +.progrecss[data-progrecss-mock="58"].staggered.mock:after { + -webkit-animation-name: staggered-mock; + animation-name: staggered-mock; + -webkit-animation-duration: 58s; + animation-duration: 58s; +} +.progrecss[data-progrecss-mock="59"].staggered.mock:after { + -webkit-animation-name: staggered-mock; + animation-name: staggered-mock; + -webkit-animation-duration: 59s; + animation-duration: 59s; +} +.progrecss[data-progrecss-mock="60"].staggered.mock:after { + -webkit-animation-name: staggered-mock; + animation-name: staggered-mock; + -webkit-animation-duration: 60s; + animation-duration: 60s; +} +.progrecss[data-progrecss-mock="61"].staggered.mock:after { + -webkit-animation-name: staggered-mock; + animation-name: staggered-mock; + -webkit-animation-duration: 61s; + animation-duration: 61s; +} +.progrecss[data-progrecss-mock="62"].staggered.mock:after { + -webkit-animation-name: staggered-mock; + animation-name: staggered-mock; + -webkit-animation-duration: 62s; + animation-duration: 62s; +} +.progrecss[data-progrecss-mock="63"].staggered.mock:after { + -webkit-animation-name: staggered-mock; + animation-name: staggered-mock; + -webkit-animation-duration: 63s; + animation-duration: 63s; +} +.progrecss[data-progrecss-mock="64"].staggered.mock:after { + -webkit-animation-name: staggered-mock; + animation-name: staggered-mock; + -webkit-animation-duration: 64s; + animation-duration: 64s; +} +.progrecss[data-progrecss-mock="65"].staggered.mock:after { + -webkit-animation-name: staggered-mock; + animation-name: staggered-mock; + -webkit-animation-duration: 65s; + animation-duration: 65s; +} +.progrecss[data-progrecss-mock="66"].staggered.mock:after { + -webkit-animation-name: staggered-mock; + animation-name: staggered-mock; + -webkit-animation-duration: 66s; + animation-duration: 66s; +} +.progrecss[data-progrecss-mock="67"].staggered.mock:after { + -webkit-animation-name: staggered-mock; + animation-name: staggered-mock; + -webkit-animation-duration: 67s; + animation-duration: 67s; +} +.progrecss[data-progrecss-mock="68"].staggered.mock:after { + -webkit-animation-name: staggered-mock; + animation-name: staggered-mock; + -webkit-animation-duration: 68s; + animation-duration: 68s; +} +.progrecss[data-progrecss-mock="69"].staggered.mock:after { + -webkit-animation-name: staggered-mock; + animation-name: staggered-mock; + -webkit-animation-duration: 69s; + animation-duration: 69s; +} +.progrecss[data-progrecss-mock="70"].staggered.mock:after { + -webkit-animation-name: staggered-mock; + animation-name: staggered-mock; + -webkit-animation-duration: 70s; + animation-duration: 70s; +} +.progrecss[data-progrecss-mock="71"].staggered.mock:after { + -webkit-animation-name: staggered-mock; + animation-name: staggered-mock; + -webkit-animation-duration: 71s; + animation-duration: 71s; +} +.progrecss[data-progrecss-mock="72"].staggered.mock:after { + -webkit-animation-name: staggered-mock; + animation-name: staggered-mock; + -webkit-animation-duration: 72s; + animation-duration: 72s; +} +.progrecss[data-progrecss-mock="73"].staggered.mock:after { + -webkit-animation-name: staggered-mock; + animation-name: staggered-mock; + -webkit-animation-duration: 73s; + animation-duration: 73s; +} +.progrecss[data-progrecss-mock="74"].staggered.mock:after { + -webkit-animation-name: staggered-mock; + animation-name: staggered-mock; + -webkit-animation-duration: 74s; + animation-duration: 74s; +} +.progrecss[data-progrecss-mock="75"].staggered.mock:after { + -webkit-animation-name: staggered-mock; + animation-name: staggered-mock; + -webkit-animation-duration: 75s; + animation-duration: 75s; +} +.progrecss[data-progrecss-mock="76"].staggered.mock:after { + -webkit-animation-name: staggered-mock; + animation-name: staggered-mock; + -webkit-animation-duration: 76s; + animation-duration: 76s; +} +.progrecss[data-progrecss-mock="77"].staggered.mock:after { + -webkit-animation-name: staggered-mock; + animation-name: staggered-mock; + -webkit-animation-duration: 77s; + animation-duration: 77s; +} +.progrecss[data-progrecss-mock="78"].staggered.mock:after { + -webkit-animation-name: staggered-mock; + animation-name: staggered-mock; + -webkit-animation-duration: 78s; + animation-duration: 78s; +} +.progrecss[data-progrecss-mock="79"].staggered.mock:after { + -webkit-animation-name: staggered-mock; + animation-name: staggered-mock; + -webkit-animation-duration: 79s; + animation-duration: 79s; +} +.progrecss[data-progrecss-mock="80"].staggered.mock:after { + -webkit-animation-name: staggered-mock; + animation-name: staggered-mock; + -webkit-animation-duration: 80s; + animation-duration: 80s; +} +.progrecss[data-progrecss-mock="81"].staggered.mock:after { + -webkit-animation-name: staggered-mock; + animation-name: staggered-mock; + -webkit-animation-duration: 81s; + animation-duration: 81s; +} +.progrecss[data-progrecss-mock="82"].staggered.mock:after { + -webkit-animation-name: staggered-mock; + animation-name: staggered-mock; + -webkit-animation-duration: 82s; + animation-duration: 82s; +} +.progrecss[data-progrecss-mock="83"].staggered.mock:after { + -webkit-animation-name: staggered-mock; + animation-name: staggered-mock; + -webkit-animation-duration: 83s; + animation-duration: 83s; +} +.progrecss[data-progrecss-mock="84"].staggered.mock:after { + -webkit-animation-name: staggered-mock; + animation-name: staggered-mock; + -webkit-animation-duration: 84s; + animation-duration: 84s; +} +.progrecss[data-progrecss-mock="85"].staggered.mock:after { + -webkit-animation-name: staggered-mock; + animation-name: staggered-mock; + -webkit-animation-duration: 85s; + animation-duration: 85s; +} +.progrecss[data-progrecss-mock="86"].staggered.mock:after { + -webkit-animation-name: staggered-mock; + animation-name: staggered-mock; + -webkit-animation-duration: 86s; + animation-duration: 86s; +} +.progrecss[data-progrecss-mock="87"].staggered.mock:after { + -webkit-animation-name: staggered-mock; + animation-name: staggered-mock; + -webkit-animation-duration: 87s; + animation-duration: 87s; +} +.progrecss[data-progrecss-mock="88"].staggered.mock:after { + -webkit-animation-name: staggered-mock; + animation-name: staggered-mock; + -webkit-animation-duration: 88s; + animation-duration: 88s; +} +.progrecss[data-progrecss-mock="89"].staggered.mock:after { + -webkit-animation-name: staggered-mock; + animation-name: staggered-mock; + -webkit-animation-duration: 89s; + animation-duration: 89s; +} +.progrecss[data-progrecss-mock="90"].staggered.mock:after { + -webkit-animation-name: staggered-mock; + animation-name: staggered-mock; + -webkit-animation-duration: 90s; + animation-duration: 90s; +} +.progrecss[data-progrecss-mock="91"].staggered.mock:after { + -webkit-animation-name: staggered-mock; + animation-name: staggered-mock; + -webkit-animation-duration: 91s; + animation-duration: 91s; +} +.progrecss[data-progrecss-mock="92"].staggered.mock:after { + -webkit-animation-name: staggered-mock; + animation-name: staggered-mock; + -webkit-animation-duration: 92s; + animation-duration: 92s; +} +.progrecss[data-progrecss-mock="93"].staggered.mock:after { + -webkit-animation-name: staggered-mock; + animation-name: staggered-mock; + -webkit-animation-duration: 93s; + animation-duration: 93s; +} +.progrecss[data-progrecss-mock="94"].staggered.mock:after { + -webkit-animation-name: staggered-mock; + animation-name: staggered-mock; + -webkit-animation-duration: 94s; + animation-duration: 94s; +} +.progrecss[data-progrecss-mock="95"].staggered.mock:after { + -webkit-animation-name: staggered-mock; + animation-name: staggered-mock; + -webkit-animation-duration: 95s; + animation-duration: 95s; +} +.progrecss[data-progrecss-mock="96"].staggered.mock:after { + -webkit-animation-name: staggered-mock; + animation-name: staggered-mock; + -webkit-animation-duration: 96s; + animation-duration: 96s; +} +.progrecss[data-progrecss-mock="97"].staggered.mock:after { + -webkit-animation-name: staggered-mock; + animation-name: staggered-mock; + -webkit-animation-duration: 97s; + animation-duration: 97s; +} +.progrecss[data-progrecss-mock="98"].staggered.mock:after { + -webkit-animation-name: staggered-mock; + animation-name: staggered-mock; + -webkit-animation-duration: 98s; + animation-duration: 98s; +} +.progrecss[data-progrecss-mock="99"].staggered.mock:after { + -webkit-animation-name: staggered-mock; + animation-name: staggered-mock; + -webkit-animation-duration: 99s; + animation-duration: 99s; +} +.progrecss[data-progrecss-mock="100"].staggered.mock:after { + -webkit-animation-name: staggered-mock; + animation-name: staggered-mock; + -webkit-animation-duration: 100s; + animation-duration: 100s; +} +@-webkit-keyframes timer { + 0% { + width: 100%; + } + 100% { + width: 0%; + } +} +@keyframes timer { + 0% { + width: 100%; + } + 100% { + width: 0%; + } +} +.progrecss[data-progrecss-timer="0"].timer:after { + -webkit-animation-name: timer; + animation-name: timer; + -webkit-animation-duration: 0s; + animation-duration: 0s; +} +.progrecss[data-progrecss-timer="1"].timer:after { + -webkit-animation-name: timer; + animation-name: timer; + -webkit-animation-duration: 1s; + animation-duration: 1s; +} +.progrecss[data-progrecss-timer="2"].timer:after { + -webkit-animation-name: timer; + animation-name: timer; + -webkit-animation-duration: 2s; + animation-duration: 2s; +} +.progrecss[data-progrecss-timer="3"].timer:after { + -webkit-animation-name: timer; + animation-name: timer; + -webkit-animation-duration: 3s; + animation-duration: 3s; +} +.progrecss[data-progrecss-timer="4"].timer:after { + -webkit-animation-name: timer; + animation-name: timer; + -webkit-animation-duration: 4s; + animation-duration: 4s; +} +.progrecss[data-progrecss-timer="5"].timer:after { + -webkit-animation-name: timer; + animation-name: timer; + -webkit-animation-duration: 5s; + animation-duration: 5s; +} +.progrecss[data-progrecss-timer="6"].timer:after { + -webkit-animation-name: timer; + animation-name: timer; + -webkit-animation-duration: 6s; + animation-duration: 6s; +} +.progrecss[data-progrecss-timer="7"].timer:after { + -webkit-animation-name: timer; + animation-name: timer; + -webkit-animation-duration: 7s; + animation-duration: 7s; +} +.progrecss[data-progrecss-timer="8"].timer:after { + -webkit-animation-name: timer; + animation-name: timer; + -webkit-animation-duration: 8s; + animation-duration: 8s; +} +.progrecss[data-progrecss-timer="9"].timer:after { + -webkit-animation-name: timer; + animation-name: timer; + -webkit-animation-duration: 9s; + animation-duration: 9s; +} +.progrecss[data-progrecss-timer="10"].timer:after { + -webkit-animation-name: timer; + animation-name: timer; + -webkit-animation-duration: 10s; + animation-duration: 10s; +} +.progrecss[data-progrecss-timer="11"].timer:after { + -webkit-animation-name: timer; + animation-name: timer; + -webkit-animation-duration: 11s; + animation-duration: 11s; +} +.progrecss[data-progrecss-timer="12"].timer:after { + -webkit-animation-name: timer; + animation-name: timer; + -webkit-animation-duration: 12s; + animation-duration: 12s; +} +.progrecss[data-progrecss-timer="13"].timer:after { + -webkit-animation-name: timer; + animation-name: timer; + -webkit-animation-duration: 13s; + animation-duration: 13s; +} +.progrecss[data-progrecss-timer="14"].timer:after { + -webkit-animation-name: timer; + animation-name: timer; + -webkit-animation-duration: 14s; + animation-duration: 14s; +} +.progrecss[data-progrecss-timer="15"].timer:after { + -webkit-animation-name: timer; + animation-name: timer; + -webkit-animation-duration: 15s; + animation-duration: 15s; +} +.progrecss[data-progrecss-timer="16"].timer:after { + -webkit-animation-name: timer; + animation-name: timer; + -webkit-animation-duration: 16s; + animation-duration: 16s; +} +.progrecss[data-progrecss-timer="17"].timer:after { + -webkit-animation-name: timer; + animation-name: timer; + -webkit-animation-duration: 17s; + animation-duration: 17s; +} +.progrecss[data-progrecss-timer="18"].timer:after { + -webkit-animation-name: timer; + animation-name: timer; + -webkit-animation-duration: 18s; + animation-duration: 18s; +} +.progrecss[data-progrecss-timer="19"].timer:after { + -webkit-animation-name: timer; + animation-name: timer; + -webkit-animation-duration: 19s; + animation-duration: 19s; +} +.progrecss[data-progrecss-timer="20"].timer:after { + -webkit-animation-name: timer; + animation-name: timer; + -webkit-animation-duration: 20s; + animation-duration: 20s; +} +.progrecss[data-progrecss-timer="21"].timer:after { + -webkit-animation-name: timer; + animation-name: timer; + -webkit-animation-duration: 21s; + animation-duration: 21s; +} +.progrecss[data-progrecss-timer="22"].timer:after { + -webkit-animation-name: timer; + animation-name: timer; + -webkit-animation-duration: 22s; + animation-duration: 22s; +} +.progrecss[data-progrecss-timer="23"].timer:after { + -webkit-animation-name: timer; + animation-name: timer; + -webkit-animation-duration: 23s; + animation-duration: 23s; +} +.progrecss[data-progrecss-timer="24"].timer:after { + -webkit-animation-name: timer; + animation-name: timer; + -webkit-animation-duration: 24s; + animation-duration: 24s; +} +.progrecss[data-progrecss-timer="25"].timer:after { + -webkit-animation-name: timer; + animation-name: timer; + -webkit-animation-duration: 25s; + animation-duration: 25s; +} +.progrecss[data-progrecss-timer="26"].timer:after { + -webkit-animation-name: timer; + animation-name: timer; + -webkit-animation-duration: 26s; + animation-duration: 26s; +} +.progrecss[data-progrecss-timer="27"].timer:after { + -webkit-animation-name: timer; + animation-name: timer; + -webkit-animation-duration: 27s; + animation-duration: 27s; +} +.progrecss[data-progrecss-timer="28"].timer:after { + -webkit-animation-name: timer; + animation-name: timer; + -webkit-animation-duration: 28s; + animation-duration: 28s; +} +.progrecss[data-progrecss-timer="29"].timer:after { + -webkit-animation-name: timer; + animation-name: timer; + -webkit-animation-duration: 29s; + animation-duration: 29s; +} +.progrecss[data-progrecss-timer="30"].timer:after { + -webkit-animation-name: timer; + animation-name: timer; + -webkit-animation-duration: 30s; + animation-duration: 30s; +} +.progrecss[data-progrecss-timer="31"].timer:after { + -webkit-animation-name: timer; + animation-name: timer; + -webkit-animation-duration: 31s; + animation-duration: 31s; +} +.progrecss[data-progrecss-timer="32"].timer:after { + -webkit-animation-name: timer; + animation-name: timer; + -webkit-animation-duration: 32s; + animation-duration: 32s; +} +.progrecss[data-progrecss-timer="33"].timer:after { + -webkit-animation-name: timer; + animation-name: timer; + -webkit-animation-duration: 33s; + animation-duration: 33s; +} +.progrecss[data-progrecss-timer="34"].timer:after { + -webkit-animation-name: timer; + animation-name: timer; + -webkit-animation-duration: 34s; + animation-duration: 34s; +} +.progrecss[data-progrecss-timer="35"].timer:after { + -webkit-animation-name: timer; + animation-name: timer; + -webkit-animation-duration: 35s; + animation-duration: 35s; +} +.progrecss[data-progrecss-timer="36"].timer:after { + -webkit-animation-name: timer; + animation-name: timer; + -webkit-animation-duration: 36s; + animation-duration: 36s; +} +.progrecss[data-progrecss-timer="37"].timer:after { + -webkit-animation-name: timer; + animation-name: timer; + -webkit-animation-duration: 37s; + animation-duration: 37s; +} +.progrecss[data-progrecss-timer="38"].timer:after { + -webkit-animation-name: timer; + animation-name: timer; + -webkit-animation-duration: 38s; + animation-duration: 38s; +} +.progrecss[data-progrecss-timer="39"].timer:after { + -webkit-animation-name: timer; + animation-name: timer; + -webkit-animation-duration: 39s; + animation-duration: 39s; +} +.progrecss[data-progrecss-timer="40"].timer:after { + -webkit-animation-name: timer; + animation-name: timer; + -webkit-animation-duration: 40s; + animation-duration: 40s; +} +.progrecss[data-progrecss-timer="41"].timer:after { + -webkit-animation-name: timer; + animation-name: timer; + -webkit-animation-duration: 41s; + animation-duration: 41s; +} +.progrecss[data-progrecss-timer="42"].timer:after { + -webkit-animation-name: timer; + animation-name: timer; + -webkit-animation-duration: 42s; + animation-duration: 42s; +} +.progrecss[data-progrecss-timer="43"].timer:after { + -webkit-animation-name: timer; + animation-name: timer; + -webkit-animation-duration: 43s; + animation-duration: 43s; +} +.progrecss[data-progrecss-timer="44"].timer:after { + -webkit-animation-name: timer; + animation-name: timer; + -webkit-animation-duration: 44s; + animation-duration: 44s; +} +.progrecss[data-progrecss-timer="45"].timer:after { + -webkit-animation-name: timer; + animation-name: timer; + -webkit-animation-duration: 45s; + animation-duration: 45s; +} +.progrecss[data-progrecss-timer="46"].timer:after { + -webkit-animation-name: timer; + animation-name: timer; + -webkit-animation-duration: 46s; + animation-duration: 46s; +} +.progrecss[data-progrecss-timer="47"].timer:after { + -webkit-animation-name: timer; + animation-name: timer; + -webkit-animation-duration: 47s; + animation-duration: 47s; +} +.progrecss[data-progrecss-timer="48"].timer:after { + -webkit-animation-name: timer; + animation-name: timer; + -webkit-animation-duration: 48s; + animation-duration: 48s; +} +.progrecss[data-progrecss-timer="49"].timer:after { + -webkit-animation-name: timer; + animation-name: timer; + -webkit-animation-duration: 49s; + animation-duration: 49s; +} +.progrecss[data-progrecss-timer="50"].timer:after { + -webkit-animation-name: timer; + animation-name: timer; + -webkit-animation-duration: 50s; + animation-duration: 50s; +} +.progrecss[data-progrecss-timer="51"].timer:after { + -webkit-animation-name: timer; + animation-name: timer; + -webkit-animation-duration: 51s; + animation-duration: 51s; +} +.progrecss[data-progrecss-timer="52"].timer:after { + -webkit-animation-name: timer; + animation-name: timer; + -webkit-animation-duration: 52s; + animation-duration: 52s; +} +.progrecss[data-progrecss-timer="53"].timer:after { + -webkit-animation-name: timer; + animation-name: timer; + -webkit-animation-duration: 53s; + animation-duration: 53s; +} +.progrecss[data-progrecss-timer="54"].timer:after { + -webkit-animation-name: timer; + animation-name: timer; + -webkit-animation-duration: 54s; + animation-duration: 54s; +} +.progrecss[data-progrecss-timer="55"].timer:after { + -webkit-animation-name: timer; + animation-name: timer; + -webkit-animation-duration: 55s; + animation-duration: 55s; +} +.progrecss[data-progrecss-timer="56"].timer:after { + -webkit-animation-name: timer; + animation-name: timer; + -webkit-animation-duration: 56s; + animation-duration: 56s; +} +.progrecss[data-progrecss-timer="57"].timer:after { + -webkit-animation-name: timer; + animation-name: timer; + -webkit-animation-duration: 57s; + animation-duration: 57s; +} +.progrecss[data-progrecss-timer="58"].timer:after { + -webkit-animation-name: timer; + animation-name: timer; + -webkit-animation-duration: 58s; + animation-duration: 58s; +} +.progrecss[data-progrecss-timer="59"].timer:after { + -webkit-animation-name: timer; + animation-name: timer; + -webkit-animation-duration: 59s; + animation-duration: 59s; +} +.progrecss[data-progrecss-timer="60"].timer:after { + -webkit-animation-name: timer; + animation-name: timer; + -webkit-animation-duration: 60s; + animation-duration: 60s; +} +.progrecss[data-progrecss-timer="61"].timer:after { + -webkit-animation-name: timer; + animation-name: timer; + -webkit-animation-duration: 61s; + animation-duration: 61s; +} +.progrecss[data-progrecss-timer="62"].timer:after { + -webkit-animation-name: timer; + animation-name: timer; + -webkit-animation-duration: 62s; + animation-duration: 62s; +} +.progrecss[data-progrecss-timer="63"].timer:after { + -webkit-animation-name: timer; + animation-name: timer; + -webkit-animation-duration: 63s; + animation-duration: 63s; +} +.progrecss[data-progrecss-timer="64"].timer:after { + -webkit-animation-name: timer; + animation-name: timer; + -webkit-animation-duration: 64s; + animation-duration: 64s; +} +.progrecss[data-progrecss-timer="65"].timer:after { + -webkit-animation-name: timer; + animation-name: timer; + -webkit-animation-duration: 65s; + animation-duration: 65s; +} +.progrecss[data-progrecss-timer="66"].timer:after { + -webkit-animation-name: timer; + animation-name: timer; + -webkit-animation-duration: 66s; + animation-duration: 66s; +} +.progrecss[data-progrecss-timer="67"].timer:after { + -webkit-animation-name: timer; + animation-name: timer; + -webkit-animation-duration: 67s; + animation-duration: 67s; +} +.progrecss[data-progrecss-timer="68"].timer:after { + -webkit-animation-name: timer; + animation-name: timer; + -webkit-animation-duration: 68s; + animation-duration: 68s; +} +.progrecss[data-progrecss-timer="69"].timer:after { + -webkit-animation-name: timer; + animation-name: timer; + -webkit-animation-duration: 69s; + animation-duration: 69s; +} +.progrecss[data-progrecss-timer="70"].timer:after { + -webkit-animation-name: timer; + animation-name: timer; + -webkit-animation-duration: 70s; + animation-duration: 70s; +} +.progrecss[data-progrecss-timer="71"].timer:after { + -webkit-animation-name: timer; + animation-name: timer; + -webkit-animation-duration: 71s; + animation-duration: 71s; +} +.progrecss[data-progrecss-timer="72"].timer:after { + -webkit-animation-name: timer; + animation-name: timer; + -webkit-animation-duration: 72s; + animation-duration: 72s; +} +.progrecss[data-progrecss-timer="73"].timer:after { + -webkit-animation-name: timer; + animation-name: timer; + -webkit-animation-duration: 73s; + animation-duration: 73s; +} +.progrecss[data-progrecss-timer="74"].timer:after { + -webkit-animation-name: timer; + animation-name: timer; + -webkit-animation-duration: 74s; + animation-duration: 74s; +} +.progrecss[data-progrecss-timer="75"].timer:after { + -webkit-animation-name: timer; + animation-name: timer; + -webkit-animation-duration: 75s; + animation-duration: 75s; +} +.progrecss[data-progrecss-timer="76"].timer:after { + -webkit-animation-name: timer; + animation-name: timer; + -webkit-animation-duration: 76s; + animation-duration: 76s; +} +.progrecss[data-progrecss-timer="77"].timer:after { + -webkit-animation-name: timer; + animation-name: timer; + -webkit-animation-duration: 77s; + animation-duration: 77s; +} +.progrecss[data-progrecss-timer="78"].timer:after { + -webkit-animation-name: timer; + animation-name: timer; + -webkit-animation-duration: 78s; + animation-duration: 78s; +} +.progrecss[data-progrecss-timer="79"].timer:after { + -webkit-animation-name: timer; + animation-name: timer; + -webkit-animation-duration: 79s; + animation-duration: 79s; +} +.progrecss[data-progrecss-timer="80"].timer:after { + -webkit-animation-name: timer; + animation-name: timer; + -webkit-animation-duration: 80s; + animation-duration: 80s; +} +.progrecss[data-progrecss-timer="81"].timer:after { + -webkit-animation-name: timer; + animation-name: timer; + -webkit-animation-duration: 81s; + animation-duration: 81s; +} +.progrecss[data-progrecss-timer="82"].timer:after { + -webkit-animation-name: timer; + animation-name: timer; + -webkit-animation-duration: 82s; + animation-duration: 82s; +} +.progrecss[data-progrecss-timer="83"].timer:after { + -webkit-animation-name: timer; + animation-name: timer; + -webkit-animation-duration: 83s; + animation-duration: 83s; +} +.progrecss[data-progrecss-timer="84"].timer:after { + -webkit-animation-name: timer; + animation-name: timer; + -webkit-animation-duration: 84s; + animation-duration: 84s; +} +.progrecss[data-progrecss-timer="85"].timer:after { + -webkit-animation-name: timer; + animation-name: timer; + -webkit-animation-duration: 85s; + animation-duration: 85s; +} +.progrecss[data-progrecss-timer="86"].timer:after { + -webkit-animation-name: timer; + animation-name: timer; + -webkit-animation-duration: 86s; + animation-duration: 86s; +} +.progrecss[data-progrecss-timer="87"].timer:after { + -webkit-animation-name: timer; + animation-name: timer; + -webkit-animation-duration: 87s; + animation-duration: 87s; +} +.progrecss[data-progrecss-timer="88"].timer:after { + -webkit-animation-name: timer; + animation-name: timer; + -webkit-animation-duration: 88s; + animation-duration: 88s; +} +.progrecss[data-progrecss-timer="89"].timer:after { + -webkit-animation-name: timer; + animation-name: timer; + -webkit-animation-duration: 89s; + animation-duration: 89s; +} +.progrecss[data-progrecss-timer="90"].timer:after { + -webkit-animation-name: timer; + animation-name: timer; + -webkit-animation-duration: 90s; + animation-duration: 90s; +} +.progrecss[data-progrecss-timer="91"].timer:after { + -webkit-animation-name: timer; + animation-name: timer; + -webkit-animation-duration: 91s; + animation-duration: 91s; +} +.progrecss[data-progrecss-timer="92"].timer:after { + -webkit-animation-name: timer; + animation-name: timer; + -webkit-animation-duration: 92s; + animation-duration: 92s; +} +.progrecss[data-progrecss-timer="93"].timer:after { + -webkit-animation-name: timer; + animation-name: timer; + -webkit-animation-duration: 93s; + animation-duration: 93s; +} +.progrecss[data-progrecss-timer="94"].timer:after { + -webkit-animation-name: timer; + animation-name: timer; + -webkit-animation-duration: 94s; + animation-duration: 94s; +} +.progrecss[data-progrecss-timer="95"].timer:after { + -webkit-animation-name: timer; + animation-name: timer; + -webkit-animation-duration: 95s; + animation-duration: 95s; +} +.progrecss[data-progrecss-timer="96"].timer:after { + -webkit-animation-name: timer; + animation-name: timer; + -webkit-animation-duration: 96s; + animation-duration: 96s; +} +.progrecss[data-progrecss-timer="97"].timer:after { + -webkit-animation-name: timer; + animation-name: timer; + -webkit-animation-duration: 97s; + animation-duration: 97s; +} +.progrecss[data-progrecss-timer="98"].timer:after { + -webkit-animation-name: timer; + animation-name: timer; + -webkit-animation-duration: 98s; + animation-duration: 98s; +} +.progrecss[data-progrecss-timer="99"].timer:after { + -webkit-animation-name: timer; + animation-name: timer; + -webkit-animation-duration: 99s; + animation-duration: 99s; +} +.progrecss[data-progrecss-timer="100"].timer:after { + -webkit-animation-name: timer; + animation-name: timer; + -webkit-animation-duration: 100s; + animation-duration: 100s; +} +.progrecss[data-progrecss].green:after, +.progrecss[data-progrecss-mock].green:after, +.progrecss[data-progrecss-timer].green:after { + background-color: #2ecc71; +} +.progrecss[data-progrecss].blue:after, +.progrecss[data-progrecss-mock].blue:after, +.progrecss[data-progrecss-timer].blue:after { + background-color: #3498db; +} +.progrecss[data-progrecss].purple:after, +.progrecss[data-progrecss-mock].purple:after, +.progrecss[data-progrecss-timer].purple:after { + background-color: #9b59b6; +} +.progrecss[data-progrecss].yellow:after, +.progrecss[data-progrecss-mock].yellow:after, +.progrecss[data-progrecss-timer].yellow:after { + background-color: #f1c40f; +} +.progrecss[data-progrecss].orange:after, +.progrecss[data-progrecss-mock].orange:after, +.progrecss[data-progrecss-timer].orange:after { + background-color: #e67e22; +} +.progrecss[data-progrecss].red:after, +.progrecss[data-progrecss-mock].red:after, +.progrecss[data-progrecss-timer].red:after { + background-color: #e74c3c; +} +.progrecss[data-progrecss][data-progrecss-duration="0"]:after { + -webkit-transition: width 0s; + transition: width 0s; +} +.progrecss[data-progrecss][data-progrecss-duration="1"]:after { + -webkit-transition: width 1s; + transition: width 1s; +} +.progrecss[data-progrecss][data-progrecss-duration="2"]:after { + -webkit-transition: width 2s; + transition: width 2s; +} +.progrecss[data-progrecss][data-progrecss-duration="3"]:after { + -webkit-transition: width 3s; + transition: width 3s; +} +.progrecss[data-progrecss][data-progrecss-duration="4"]:after { + -webkit-transition: width 4s; + transition: width 4s; +} +.progrecss[data-progrecss][data-progrecss-duration="5"]:after { + -webkit-transition: width 5s; + transition: width 5s; +} +.progrecss[data-progrecss][data-progrecss-duration="6"]:after { + -webkit-transition: width 6s; + transition: width 6s; +} +.progrecss[data-progrecss][data-progrecss-duration="7"]:after { + -webkit-transition: width 7s; + transition: width 7s; +} +.progrecss[data-progrecss][data-progrecss-duration="8"]:after { + -webkit-transition: width 8s; + transition: width 8s; +} +.progrecss[data-progrecss][data-progrecss-duration="9"]:after { + -webkit-transition: width 9s; + transition: width 9s; +} +.progrecss[data-progrecss][data-progrecss-duration="10"]:after { + -webkit-transition: width 10s; + transition: width 10s; +} +.progrecss[data-progrecss][data-progrecss-duration="11"]:after { + -webkit-transition: width 11s; + transition: width 11s; +} +.progrecss[data-progrecss][data-progrecss-duration="12"]:after { + -webkit-transition: width 12s; + transition: width 12s; +} +.progrecss[data-progrecss][data-progrecss-duration="13"]:after { + -webkit-transition: width 13s; + transition: width 13s; +} +.progrecss[data-progrecss][data-progrecss-duration="14"]:after { + -webkit-transition: width 14s; + transition: width 14s; +} +.progrecss[data-progrecss][data-progrecss-duration="15"]:after { + -webkit-transition: width 15s; + transition: width 15s; +} +.progrecss[data-progrecss][data-progrecss-duration="16"]:after { + -webkit-transition: width 16s; + transition: width 16s; +} +.progrecss[data-progrecss][data-progrecss-duration="17"]:after { + -webkit-transition: width 17s; + transition: width 17s; +} +.progrecss[data-progrecss][data-progrecss-duration="18"]:after { + -webkit-transition: width 18s; + transition: width 18s; +} +.progrecss[data-progrecss][data-progrecss-duration="19"]:after { + -webkit-transition: width 19s; + transition: width 19s; +} +.progrecss[data-progrecss][data-progrecss-duration="20"]:after { + -webkit-transition: width 20s; + transition: width 20s; +} +.progrecss[data-progrecss][data-progrecss-duration="21"]:after { + -webkit-transition: width 21s; + transition: width 21s; +} +.progrecss[data-progrecss][data-progrecss-duration="22"]:after { + -webkit-transition: width 22s; + transition: width 22s; +} +.progrecss[data-progrecss][data-progrecss-duration="23"]:after { + -webkit-transition: width 23s; + transition: width 23s; +} +.progrecss[data-progrecss][data-progrecss-duration="24"]:after { + -webkit-transition: width 24s; + transition: width 24s; +} +.progrecss[data-progrecss][data-progrecss-duration="25"]:after { + -webkit-transition: width 25s; + transition: width 25s; +} +.progrecss[data-progrecss][data-progrecss-duration="26"]:after { + -webkit-transition: width 26s; + transition: width 26s; +} +.progrecss[data-progrecss][data-progrecss-duration="27"]:after { + -webkit-transition: width 27s; + transition: width 27s; +} +.progrecss[data-progrecss][data-progrecss-duration="28"]:after { + -webkit-transition: width 28s; + transition: width 28s; +} +.progrecss[data-progrecss][data-progrecss-duration="29"]:after { + -webkit-transition: width 29s; + transition: width 29s; +} +.progrecss[data-progrecss][data-progrecss-duration="30"]:after { + -webkit-transition: width 30s; + transition: width 30s; +} +.progrecss[data-progrecss][data-progrecss-duration="31"]:after { + -webkit-transition: width 31s; + transition: width 31s; +} +.progrecss[data-progrecss][data-progrecss-duration="32"]:after { + -webkit-transition: width 32s; + transition: width 32s; +} +.progrecss[data-progrecss][data-progrecss-duration="33"]:after { + -webkit-transition: width 33s; + transition: width 33s; +} +.progrecss[data-progrecss][data-progrecss-duration="34"]:after { + -webkit-transition: width 34s; + transition: width 34s; +} +.progrecss[data-progrecss][data-progrecss-duration="35"]:after { + -webkit-transition: width 35s; + transition: width 35s; +} +.progrecss[data-progrecss][data-progrecss-duration="36"]:after { + -webkit-transition: width 36s; + transition: width 36s; +} +.progrecss[data-progrecss][data-progrecss-duration="37"]:after { + -webkit-transition: width 37s; + transition: width 37s; +} +.progrecss[data-progrecss][data-progrecss-duration="38"]:after { + -webkit-transition: width 38s; + transition: width 38s; +} +.progrecss[data-progrecss][data-progrecss-duration="39"]:after { + -webkit-transition: width 39s; + transition: width 39s; +} +.progrecss[data-progrecss][data-progrecss-duration="40"]:after { + -webkit-transition: width 40s; + transition: width 40s; +} +.progrecss[data-progrecss][data-progrecss-duration="41"]:after { + -webkit-transition: width 41s; + transition: width 41s; +} +.progrecss[data-progrecss][data-progrecss-duration="42"]:after { + -webkit-transition: width 42s; + transition: width 42s; +} +.progrecss[data-progrecss][data-progrecss-duration="43"]:after { + -webkit-transition: width 43s; + transition: width 43s; +} +.progrecss[data-progrecss][data-progrecss-duration="44"]:after { + -webkit-transition: width 44s; + transition: width 44s; +} +.progrecss[data-progrecss][data-progrecss-duration="45"]:after { + -webkit-transition: width 45s; + transition: width 45s; +} +.progrecss[data-progrecss][data-progrecss-duration="46"]:after { + -webkit-transition: width 46s; + transition: width 46s; +} +.progrecss[data-progrecss][data-progrecss-duration="47"]:after { + -webkit-transition: width 47s; + transition: width 47s; +} +.progrecss[data-progrecss][data-progrecss-duration="48"]:after { + -webkit-transition: width 48s; + transition: width 48s; +} +.progrecss[data-progrecss][data-progrecss-duration="49"]:after { + -webkit-transition: width 49s; + transition: width 49s; +} +.progrecss[data-progrecss][data-progrecss-duration="50"]:after { + -webkit-transition: width 50s; + transition: width 50s; +} +.progrecss[data-progrecss][data-progrecss-duration="51"]:after { + -webkit-transition: width 51s; + transition: width 51s; +} +.progrecss[data-progrecss][data-progrecss-duration="52"]:after { + -webkit-transition: width 52s; + transition: width 52s; +} +.progrecss[data-progrecss][data-progrecss-duration="53"]:after { + -webkit-transition: width 53s; + transition: width 53s; +} +.progrecss[data-progrecss][data-progrecss-duration="54"]:after { + -webkit-transition: width 54s; + transition: width 54s; +} +.progrecss[data-progrecss][data-progrecss-duration="55"]:after { + -webkit-transition: width 55s; + transition: width 55s; +} +.progrecss[data-progrecss][data-progrecss-duration="56"]:after { + -webkit-transition: width 56s; + transition: width 56s; +} +.progrecss[data-progrecss][data-progrecss-duration="57"]:after { + -webkit-transition: width 57s; + transition: width 57s; +} +.progrecss[data-progrecss][data-progrecss-duration="58"]:after { + -webkit-transition: width 58s; + transition: width 58s; +} +.progrecss[data-progrecss][data-progrecss-duration="59"]:after { + -webkit-transition: width 59s; + transition: width 59s; +} +.progrecss[data-progrecss][data-progrecss-duration="60"]:after { + -webkit-transition: width 60s; + transition: width 60s; +} +.progrecss[data-progrecss][data-progrecss-duration="61"]:after { + -webkit-transition: width 61s; + transition: width 61s; +} +.progrecss[data-progrecss][data-progrecss-duration="62"]:after { + -webkit-transition: width 62s; + transition: width 62s; +} +.progrecss[data-progrecss][data-progrecss-duration="63"]:after { + -webkit-transition: width 63s; + transition: width 63s; +} +.progrecss[data-progrecss][data-progrecss-duration="64"]:after { + -webkit-transition: width 64s; + transition: width 64s; +} +.progrecss[data-progrecss][data-progrecss-duration="65"]:after { + -webkit-transition: width 65s; + transition: width 65s; +} +.progrecss[data-progrecss][data-progrecss-duration="66"]:after { + -webkit-transition: width 66s; + transition: width 66s; +} +.progrecss[data-progrecss][data-progrecss-duration="67"]:after { + -webkit-transition: width 67s; + transition: width 67s; +} +.progrecss[data-progrecss][data-progrecss-duration="68"]:after { + -webkit-transition: width 68s; + transition: width 68s; +} +.progrecss[data-progrecss][data-progrecss-duration="69"]:after { + -webkit-transition: width 69s; + transition: width 69s; +} +.progrecss[data-progrecss][data-progrecss-duration="70"]:after { + -webkit-transition: width 70s; + transition: width 70s; +} +.progrecss[data-progrecss][data-progrecss-duration="71"]:after { + -webkit-transition: width 71s; + transition: width 71s; +} +.progrecss[data-progrecss][data-progrecss-duration="72"]:after { + -webkit-transition: width 72s; + transition: width 72s; +} +.progrecss[data-progrecss][data-progrecss-duration="73"]:after { + -webkit-transition: width 73s; + transition: width 73s; +} +.progrecss[data-progrecss][data-progrecss-duration="74"]:after { + -webkit-transition: width 74s; + transition: width 74s; +} +.progrecss[data-progrecss][data-progrecss-duration="75"]:after { + -webkit-transition: width 75s; + transition: width 75s; +} +.progrecss[data-progrecss][data-progrecss-duration="76"]:after { + -webkit-transition: width 76s; + transition: width 76s; +} +.progrecss[data-progrecss][data-progrecss-duration="77"]:after { + -webkit-transition: width 77s; + transition: width 77s; +} +.progrecss[data-progrecss][data-progrecss-duration="78"]:after { + -webkit-transition: width 78s; + transition: width 78s; +} +.progrecss[data-progrecss][data-progrecss-duration="79"]:after { + -webkit-transition: width 79s; + transition: width 79s; +} +.progrecss[data-progrecss][data-progrecss-duration="80"]:after { + -webkit-transition: width 80s; + transition: width 80s; +} +.progrecss[data-progrecss][data-progrecss-duration="81"]:after { + -webkit-transition: width 81s; + transition: width 81s; +} +.progrecss[data-progrecss][data-progrecss-duration="82"]:after { + -webkit-transition: width 82s; + transition: width 82s; +} +.progrecss[data-progrecss][data-progrecss-duration="83"]:after { + -webkit-transition: width 83s; + transition: width 83s; +} +.progrecss[data-progrecss][data-progrecss-duration="84"]:after { + -webkit-transition: width 84s; + transition: width 84s; +} +.progrecss[data-progrecss][data-progrecss-duration="85"]:after { + -webkit-transition: width 85s; + transition: width 85s; +} +.progrecss[data-progrecss][data-progrecss-duration="86"]:after { + -webkit-transition: width 86s; + transition: width 86s; +} +.progrecss[data-progrecss][data-progrecss-duration="87"]:after { + -webkit-transition: width 87s; + transition: width 87s; +} +.progrecss[data-progrecss][data-progrecss-duration="88"]:after { + -webkit-transition: width 88s; + transition: width 88s; +} +.progrecss[data-progrecss][data-progrecss-duration="89"]:after { + -webkit-transition: width 89s; + transition: width 89s; +} +.progrecss[data-progrecss][data-progrecss-duration="90"]:after { + -webkit-transition: width 90s; + transition: width 90s; +} +.progrecss[data-progrecss][data-progrecss-duration="91"]:after { + -webkit-transition: width 91s; + transition: width 91s; +} +.progrecss[data-progrecss][data-progrecss-duration="92"]:after { + -webkit-transition: width 92s; + transition: width 92s; +} +.progrecss[data-progrecss][data-progrecss-duration="93"]:after { + -webkit-transition: width 93s; + transition: width 93s; +} +.progrecss[data-progrecss][data-progrecss-duration="94"]:after { + -webkit-transition: width 94s; + transition: width 94s; +} +.progrecss[data-progrecss][data-progrecss-duration="95"]:after { + -webkit-transition: width 95s; + transition: width 95s; +} +.progrecss[data-progrecss][data-progrecss-duration="96"]:after { + -webkit-transition: width 96s; + transition: width 96s; +} +.progrecss[data-progrecss][data-progrecss-duration="97"]:after { + -webkit-transition: width 97s; + transition: width 97s; +} +.progrecss[data-progrecss][data-progrecss-duration="98"]:after { + -webkit-transition: width 98s; + transition: width 98s; +} +.progrecss[data-progrecss][data-progrecss-duration="99"]:after { + -webkit-transition: width 99s; + transition: width 99s; +} +.progrecss[data-progrecss][data-progrecss-duration="100"]:after { + -webkit-transition: width 100s; + transition: width 100s; +} diff --git a/progrecss.js b/progrecss.js new file mode 100644 index 0000000..d7de8cc --- /dev/null +++ b/progrecss.js @@ -0,0 +1,93 @@ +(function() { + var progrecss; + + progrecss = window.progrecss = function(element, options) { + if (!(this instanceof progrecss)) { + return new progrecss(element, options); + } + this._element = element; + this._color = (options !== undefined && options.color !== undefined ? options.color : "green"); + this._position = (options !== undefined && options.position !== undefined ? options.position : "top"); + this._percent = (options !== undefined && options.percent !== undefined ? options.percent : 0); + this._mock = (options !== undefined && options.mock !== undefined ? true : false); + this._mockDuration = (options !== undefined && options.mock.mockDuration !== undefined ? options.mock.mockDuration : 5); + this._startMockOnCreate = (options !== undefined && options.mock.startMockOnCreate !== undefined ? options.mock.startMockOnCreate : true); + this._staggered = (options !== undefined && options.mock.staggered !== undefined ? options.mock.staggered : false); + this._timer = (options !== undefined && options.timer !== undefined ? true : false); + this._reverse = (options !== undefined && options.reverse !== undefined ? options.reverse : false); + this._timerDuration = (options !== undefined && options.timer !== undefined && options.timer.timerDuration !== undefined ? options.timer.timerDuration : 5); + this._startTimerOnCreate = (options !== undefined && options.timer !== undefined && options.timer.startTimerOnCreate !== undefined ? options.timer.startTimerOnCreate : true); + this._create(); + }; + + progrecss.prototype._create = function() { + progrecss = this; + if (progrecss._element === undefined) { + progrecss._element = document.createElement("div"); + } + progrecss._element.className = "progrecss " + progrecss._position + " " + progrecss._color; + progrecss._element.setAttribute("data-progrecss", progrecss.percent); + if (progrecss._mock) { + progrecss._element.setAttribute("data-progrecss-mock", progrecss._mockDuration); + if (progrecss._staggered) { + progrecss._element.className += ' staggered'; + } + if (progrecss._startMockOnCreate) { + progrecss._element.className += ' mock'; + } + if (progrecss._reverse) { + progrecss._element.className += ' reverse'; + } + } else if (progrecss._timer) { + progrecss.element.setAttribute("data-progrecss-timer", progrecss._timerDuration); + if (progrecss._startTimerOnCreate) { + progrecss.element.className += " timer"; + } + if (progrecss._reverse) { + progrecss._element.className += ' reverse'; + } + } + }; + + progrecss.prototype.setprogrecss = function(percent) { + if (percent !== undefined && typeof percent === "number" && percent <= 100 && percent >= 0) { + this._element.setAttribute("data-progrecss", percent); + this._percent = percent; + } else { + throw Error("progrecss: ERROR percent must be a number and between 0 and 100."); + } + }; + + progrecss.prototype.pause = function() { + return this._element.className += ' pause'; + }; + + progrecss.prototype.play = function() { + return this._element.className = this._element.className.replace('pause', ''); + }; + + progrecss.prototype.togglePause = function() { + if (this._element.className.indexOf('pause') !== -1) { + return this.play(); + } else { + return this.pause(); + } + }; + + progrecss.prototype.startMock = function() { + progrecss = this; + progrecss._element.className += " mock"; + setTimeout((function() { + progrecss._element.className = progrecss._element.className.replace(/\bmock\b/, ""); + }), progrecss._mockDuration * 1000); + }; + + progrecss.prototype.startTimer = function() { + progrecss = this; + progrecss._element.className += " timer"; + setTimeout((function() { + progrecss._element.className = progrecss._element.className.replace(/\btimer\b/, ""); + }), progrecss._timerDuration * 1000); + }; + +}).call(this); diff --git a/progrecss.min.css b/progrecss.min.css new file mode 100644 index 0000000..0c0d508 --- /dev/null +++ b/progrecss.min.css @@ -0,0 +1 @@ +.progrecss{display:block;position:relative}.progrecss:after{z-index:2}.progrecss.reverse:after{-webkit-animation-direction:reverse;animation-direction:reverse}.progrecss.pause:after{-webkit-animation-play-state:paused;animation-play-state:paused}.progrecss[data-progrecss]:after,.progrecss[data-progrecss-mock]:after,.progrecss[data-progrecss-timer]:after{content:"";display:block;position:absolute;-webkit-transition:width 1s ease 0s;transition:width 1s ease 0s;background-color:#3498db;-webkit-box-shadow:0 0 1px #3498db;box-shadow:0 0 1px #3498db;opacity:.6;height:4px;border-radius:0;top:0}.progrecss[data-progrecss].bottom:after,.progrecss[data-progrecss-mock].bottom:after,.progrecss[data-progrecss-timer].bottom:after{top:100%}.progrecss[data-progrecss].fixed:after,.progrecss[data-progrecss-mock].fixed:after,.progrecss[data-progrecss-timer].fixed:after{position:fixed;top:0;left:0}.progrecss[data-progrecss].fixed.bottom:after,.progrecss[data-progrecss-mock].fixed.bottom:after,.progrecss[data-progrecss-timer].fixed.bottom:after{position:fixed;top:100%}.progrecss[data-progrecss="0"]:after{width:0}.progrecss[data-progrecss="1"]:after{width:1%}.progrecss[data-progrecss="2"]:after{width:2%}.progrecss[data-progrecss="3"]:after{width:3%}.progrecss[data-progrecss="4"]:after{width:4%}.progrecss[data-progrecss="5"]:after{width:5%}.progrecss[data-progrecss="6"]:after{width:6%}.progrecss[data-progrecss="7"]:after{width:7%}.progrecss[data-progrecss="8"]:after{width:8%}.progrecss[data-progrecss="9"]:after{width:9%}.progrecss[data-progrecss="10"]:after{width:10%}.progrecss[data-progrecss="11"]:after{width:11%}.progrecss[data-progrecss="12"]:after{width:12%}.progrecss[data-progrecss="13"]:after{width:13%}.progrecss[data-progrecss="14"]:after{width:14%}.progrecss[data-progrecss="15"]:after{width:15%}.progrecss[data-progrecss="16"]:after{width:16%}.progrecss[data-progrecss="17"]:after{width:17%}.progrecss[data-progrecss="18"]:after{width:18%}.progrecss[data-progrecss="19"]:after{width:19%}.progrecss[data-progrecss="20"]:after{width:20%}.progrecss[data-progrecss="21"]:after{width:21%}.progrecss[data-progrecss="22"]:after{width:22%}.progrecss[data-progrecss="23"]:after{width:23%}.progrecss[data-progrecss="24"]:after{width:24%}.progrecss[data-progrecss="25"]:after{width:25%}.progrecss[data-progrecss="26"]:after{width:26%}.progrecss[data-progrecss="27"]:after{width:27%}.progrecss[data-progrecss="28"]:after{width:28%}.progrecss[data-progrecss="29"]:after{width:29%}.progrecss[data-progrecss="30"]:after{width:30%}.progrecss[data-progrecss="31"]:after{width:31%}.progrecss[data-progrecss="32"]:after{width:32%}.progrecss[data-progrecss="33"]:after{width:33%}.progrecss[data-progrecss="34"]:after{width:34%}.progrecss[data-progrecss="35"]:after{width:35%}.progrecss[data-progrecss="36"]:after{width:36%}.progrecss[data-progrecss="37"]:after{width:37%}.progrecss[data-progrecss="38"]:after{width:38%}.progrecss[data-progrecss="39"]:after{width:39%}.progrecss[data-progrecss="40"]:after{width:40%}.progrecss[data-progrecss="41"]:after{width:41%}.progrecss[data-progrecss="42"]:after{width:42%}.progrecss[data-progrecss="43"]:after{width:43%}.progrecss[data-progrecss="44"]:after{width:44%}.progrecss[data-progrecss="45"]:after{width:45%}.progrecss[data-progrecss="46"]:after{width:46%}.progrecss[data-progrecss="47"]:after{width:47%}.progrecss[data-progrecss="48"]:after{width:48%}.progrecss[data-progrecss="49"]:after{width:49%}.progrecss[data-progrecss="50"]:after{width:50%}.progrecss[data-progrecss="51"]:after{width:51%}.progrecss[data-progrecss="52"]:after{width:52%}.progrecss[data-progrecss="53"]:after{width:53%}.progrecss[data-progrecss="54"]:after{width:54%}.progrecss[data-progrecss="55"]:after{width:55%}.progrecss[data-progrecss="56"]:after{width:56%}.progrecss[data-progrecss="57"]:after{width:57%}.progrecss[data-progrecss="58"]:after{width:58%}.progrecss[data-progrecss="59"]:after{width:59%}.progrecss[data-progrecss="60"]:after{width:60%}.progrecss[data-progrecss="61"]:after{width:61%}.progrecss[data-progrecss="62"]:after{width:62%}.progrecss[data-progrecss="63"]:after{width:63%}.progrecss[data-progrecss="64"]:after{width:64%}.progrecss[data-progrecss="65"]:after{width:65%}.progrecss[data-progrecss="66"]:after{width:66%}.progrecss[data-progrecss="67"]:after{width:67%}.progrecss[data-progrecss="68"]:after{width:68%}.progrecss[data-progrecss="69"]:after{width:69%}.progrecss[data-progrecss="70"]:after{width:70%}.progrecss[data-progrecss="71"]:after{width:71%}.progrecss[data-progrecss="72"]:after{width:72%}.progrecss[data-progrecss="73"]:after{width:73%}.progrecss[data-progrecss="74"]:after{width:74%}.progrecss[data-progrecss="75"]:after{width:75%}.progrecss[data-progrecss="76"]:after{width:76%}.progrecss[data-progrecss="77"]:after{width:77%}.progrecss[data-progrecss="78"]:after{width:78%}.progrecss[data-progrecss="79"]:after{width:79%}.progrecss[data-progrecss="80"]:after{width:80%}.progrecss[data-progrecss="81"]:after{width:81%}.progrecss[data-progrecss="82"]:after{width:82%}.progrecss[data-progrecss="83"]:after{width:83%}.progrecss[data-progrecss="84"]:after{width:84%}.progrecss[data-progrecss="85"]:after{width:85%}.progrecss[data-progrecss="86"]:after{width:86%}.progrecss[data-progrecss="87"]:after{width:87%}.progrecss[data-progrecss="88"]:after{width:88%}.progrecss[data-progrecss="89"]:after{width:89%}.progrecss[data-progrecss="90"]:after{width:90%}.progrecss[data-progrecss="91"]:after{width:91%}.progrecss[data-progrecss="92"]:after{width:92%}.progrecss[data-progrecss="93"]:after{width:93%}.progrecss[data-progrecss="94"]:after{width:94%}.progrecss[data-progrecss="95"]:after{width:95%}.progrecss[data-progrecss="96"]:after{width:96%}.progrecss[data-progrecss="97"]:after{width:97%}.progrecss[data-progrecss="98"]:after{width:98%}.progrecss[data-progrecss="99"]:after{width:99%}.progrecss[data-progrecss="100"]:after{width:100%}@-webkit-keyframes mock{0%{width:0}100%{width:100%}}@keyframes mock{0%{width:0}100%{width:100%}}.progrecss[data-progrecss-mock="0"].mock:after{-webkit-animation-name:mock;animation-name:mock;-webkit-animation-duration:0s;animation-duration:0s}.progrecss[data-progrecss-mock="1"].mock:after{-webkit-animation-name:mock;animation-name:mock;-webkit-animation-duration:1s;animation-duration:1s}.progrecss[data-progrecss-mock="2"].mock:after{-webkit-animation-name:mock;animation-name:mock;-webkit-animation-duration:2s;animation-duration:2s}.progrecss[data-progrecss-mock="3"].mock:after{-webkit-animation-name:mock;animation-name:mock;-webkit-animation-duration:3s;animation-duration:3s}.progrecss[data-progrecss-mock="4"].mock:after{-webkit-animation-name:mock;animation-name:mock;-webkit-animation-duration:4s;animation-duration:4s}.progrecss[data-progrecss-mock="5"].mock:after{-webkit-animation-name:mock;animation-name:mock;-webkit-animation-duration:5s;animation-duration:5s}.progrecss[data-progrecss-mock="6"].mock:after{-webkit-animation-name:mock;animation-name:mock;-webkit-animation-duration:6s;animation-duration:6s}.progrecss[data-progrecss-mock="7"].mock:after{-webkit-animation-name:mock;animation-name:mock;-webkit-animation-duration:7s;animation-duration:7s}.progrecss[data-progrecss-mock="8"].mock:after{-webkit-animation-name:mock;animation-name:mock;-webkit-animation-duration:8s;animation-duration:8s}.progrecss[data-progrecss-mock="9"].mock:after{-webkit-animation-name:mock;animation-name:mock;-webkit-animation-duration:9s;animation-duration:9s}.progrecss[data-progrecss-mock="10"].mock:after{-webkit-animation-name:mock;animation-name:mock;-webkit-animation-duration:10s;animation-duration:10s}.progrecss[data-progrecss-mock="11"].mock:after{-webkit-animation-name:mock;animation-name:mock;-webkit-animation-duration:11s;animation-duration:11s}.progrecss[data-progrecss-mock="12"].mock:after{-webkit-animation-name:mock;animation-name:mock;-webkit-animation-duration:12s;animation-duration:12s}.progrecss[data-progrecss-mock="13"].mock:after{-webkit-animation-name:mock;animation-name:mock;-webkit-animation-duration:13s;animation-duration:13s}.progrecss[data-progrecss-mock="14"].mock:after{-webkit-animation-name:mock;animation-name:mock;-webkit-animation-duration:14s;animation-duration:14s}.progrecss[data-progrecss-mock="15"].mock:after{-webkit-animation-name:mock;animation-name:mock;-webkit-animation-duration:15s;animation-duration:15s}.progrecss[data-progrecss-mock="16"].mock:after{-webkit-animation-name:mock;animation-name:mock;-webkit-animation-duration:16s;animation-duration:16s}.progrecss[data-progrecss-mock="17"].mock:after{-webkit-animation-name:mock;animation-name:mock;-webkit-animation-duration:17s;animation-duration:17s}.progrecss[data-progrecss-mock="18"].mock:after{-webkit-animation-name:mock;animation-name:mock;-webkit-animation-duration:18s;animation-duration:18s}.progrecss[data-progrecss-mock="19"].mock:after{-webkit-animation-name:mock;animation-name:mock;-webkit-animation-duration:19s;animation-duration:19s}.progrecss[data-progrecss-mock="20"].mock:after{-webkit-animation-name:mock;animation-name:mock;-webkit-animation-duration:20s;animation-duration:20s}.progrecss[data-progrecss-mock="21"].mock:after{-webkit-animation-name:mock;animation-name:mock;-webkit-animation-duration:21s;animation-duration:21s}.progrecss[data-progrecss-mock="22"].mock:after{-webkit-animation-name:mock;animation-name:mock;-webkit-animation-duration:22s;animation-duration:22s}.progrecss[data-progrecss-mock="23"].mock:after{-webkit-animation-name:mock;animation-name:mock;-webkit-animation-duration:23s;animation-duration:23s}.progrecss[data-progrecss-mock="24"].mock:after{-webkit-animation-name:mock;animation-name:mock;-webkit-animation-duration:24s;animation-duration:24s}.progrecss[data-progrecss-mock="25"].mock:after{-webkit-animation-name:mock;animation-name:mock;-webkit-animation-duration:25s;animation-duration:25s}.progrecss[data-progrecss-mock="26"].mock:after{-webkit-animation-name:mock;animation-name:mock;-webkit-animation-duration:26s;animation-duration:26s}.progrecss[data-progrecss-mock="27"].mock:after{-webkit-animation-name:mock;animation-name:mock;-webkit-animation-duration:27s;animation-duration:27s}.progrecss[data-progrecss-mock="28"].mock:after{-webkit-animation-name:mock;animation-name:mock;-webkit-animation-duration:28s;animation-duration:28s}.progrecss[data-progrecss-mock="29"].mock:after{-webkit-animation-name:mock;animation-name:mock;-webkit-animation-duration:29s;animation-duration:29s}.progrecss[data-progrecss-mock="30"].mock:after{-webkit-animation-name:mock;animation-name:mock;-webkit-animation-duration:30s;animation-duration:30s}.progrecss[data-progrecss-mock="31"].mock:after{-webkit-animation-name:mock;animation-name:mock;-webkit-animation-duration:31s;animation-duration:31s}.progrecss[data-progrecss-mock="32"].mock:after{-webkit-animation-name:mock;animation-name:mock;-webkit-animation-duration:32s;animation-duration:32s}.progrecss[data-progrecss-mock="33"].mock:after{-webkit-animation-name:mock;animation-name:mock;-webkit-animation-duration:33s;animation-duration:33s}.progrecss[data-progrecss-mock="34"].mock:after{-webkit-animation-name:mock;animation-name:mock;-webkit-animation-duration:34s;animation-duration:34s}.progrecss[data-progrecss-mock="35"].mock:after{-webkit-animation-name:mock;animation-name:mock;-webkit-animation-duration:35s;animation-duration:35s}.progrecss[data-progrecss-mock="36"].mock:after{-webkit-animation-name:mock;animation-name:mock;-webkit-animation-duration:36s;animation-duration:36s}.progrecss[data-progrecss-mock="37"].mock:after{-webkit-animation-name:mock;animation-name:mock;-webkit-animation-duration:37s;animation-duration:37s}.progrecss[data-progrecss-mock="38"].mock:after{-webkit-animation-name:mock;animation-name:mock;-webkit-animation-duration:38s;animation-duration:38s}.progrecss[data-progrecss-mock="39"].mock:after{-webkit-animation-name:mock;animation-name:mock;-webkit-animation-duration:39s;animation-duration:39s}.progrecss[data-progrecss-mock="40"].mock:after{-webkit-animation-name:mock;animation-name:mock;-webkit-animation-duration:40s;animation-duration:40s}.progrecss[data-progrecss-mock="41"].mock:after{-webkit-animation-name:mock;animation-name:mock;-webkit-animation-duration:41s;animation-duration:41s}.progrecss[data-progrecss-mock="42"].mock:after{-webkit-animation-name:mock;animation-name:mock;-webkit-animation-duration:42s;animation-duration:42s}.progrecss[data-progrecss-mock="43"].mock:after{-webkit-animation-name:mock;animation-name:mock;-webkit-animation-duration:43s;animation-duration:43s}.progrecss[data-progrecss-mock="44"].mock:after{-webkit-animation-name:mock;animation-name:mock;-webkit-animation-duration:44s;animation-duration:44s}.progrecss[data-progrecss-mock="45"].mock:after{-webkit-animation-name:mock;animation-name:mock;-webkit-animation-duration:45s;animation-duration:45s}.progrecss[data-progrecss-mock="46"].mock:after{-webkit-animation-name:mock;animation-name:mock;-webkit-animation-duration:46s;animation-duration:46s}.progrecss[data-progrecss-mock="47"].mock:after{-webkit-animation-name:mock;animation-name:mock;-webkit-animation-duration:47s;animation-duration:47s}.progrecss[data-progrecss-mock="48"].mock:after{-webkit-animation-name:mock;animation-name:mock;-webkit-animation-duration:48s;animation-duration:48s}.progrecss[data-progrecss-mock="49"].mock:after{-webkit-animation-name:mock;animation-name:mock;-webkit-animation-duration:49s;animation-duration:49s}.progrecss[data-progrecss-mock="50"].mock:after{-webkit-animation-name:mock;animation-name:mock;-webkit-animation-duration:50s;animation-duration:50s}.progrecss[data-progrecss-mock="51"].mock:after{-webkit-animation-name:mock;animation-name:mock;-webkit-animation-duration:51s;animation-duration:51s}.progrecss[data-progrecss-mock="52"].mock:after{-webkit-animation-name:mock;animation-name:mock;-webkit-animation-duration:52s;animation-duration:52s}.progrecss[data-progrecss-mock="53"].mock:after{-webkit-animation-name:mock;animation-name:mock;-webkit-animation-duration:53s;animation-duration:53s}.progrecss[data-progrecss-mock="54"].mock:after{-webkit-animation-name:mock;animation-name:mock;-webkit-animation-duration:54s;animation-duration:54s}.progrecss[data-progrecss-mock="55"].mock:after{-webkit-animation-name:mock;animation-name:mock;-webkit-animation-duration:55s;animation-duration:55s}.progrecss[data-progrecss-mock="56"].mock:after{-webkit-animation-name:mock;animation-name:mock;-webkit-animation-duration:56s;animation-duration:56s}.progrecss[data-progrecss-mock="57"].mock:after{-webkit-animation-name:mock;animation-name:mock;-webkit-animation-duration:57s;animation-duration:57s}.progrecss[data-progrecss-mock="58"].mock:after{-webkit-animation-name:mock;animation-name:mock;-webkit-animation-duration:58s;animation-duration:58s}.progrecss[data-progrecss-mock="59"].mock:after{-webkit-animation-name:mock;animation-name:mock;-webkit-animation-duration:59s;animation-duration:59s}.progrecss[data-progrecss-mock="60"].mock:after{-webkit-animation-name:mock;animation-name:mock;-webkit-animation-duration:60s;animation-duration:60s}.progrecss[data-progrecss-mock="61"].mock:after{-webkit-animation-name:mock;animation-name:mock;-webkit-animation-duration:61s;animation-duration:61s}.progrecss[data-progrecss-mock="62"].mock:after{-webkit-animation-name:mock;animation-name:mock;-webkit-animation-duration:62s;animation-duration:62s}.progrecss[data-progrecss-mock="63"].mock:after{-webkit-animation-name:mock;animation-name:mock;-webkit-animation-duration:63s;animation-duration:63s}.progrecss[data-progrecss-mock="64"].mock:after{-webkit-animation-name:mock;animation-name:mock;-webkit-animation-duration:64s;animation-duration:64s}.progrecss[data-progrecss-mock="65"].mock:after{-webkit-animation-name:mock;animation-name:mock;-webkit-animation-duration:65s;animation-duration:65s}.progrecss[data-progrecss-mock="66"].mock:after{-webkit-animation-name:mock;animation-name:mock;-webkit-animation-duration:66s;animation-duration:66s}.progrecss[data-progrecss-mock="67"].mock:after{-webkit-animation-name:mock;animation-name:mock;-webkit-animation-duration:67s;animation-duration:67s}.progrecss[data-progrecss-mock="68"].mock:after{-webkit-animation-name:mock;animation-name:mock;-webkit-animation-duration:68s;animation-duration:68s}.progrecss[data-progrecss-mock="69"].mock:after{-webkit-animation-name:mock;animation-name:mock;-webkit-animation-duration:69s;animation-duration:69s}.progrecss[data-progrecss-mock="70"].mock:after{-webkit-animation-name:mock;animation-name:mock;-webkit-animation-duration:70s;animation-duration:70s}.progrecss[data-progrecss-mock="71"].mock:after{-webkit-animation-name:mock;animation-name:mock;-webkit-animation-duration:71s;animation-duration:71s}.progrecss[data-progrecss-mock="72"].mock:after{-webkit-animation-name:mock;animation-name:mock;-webkit-animation-duration:72s;animation-duration:72s}.progrecss[data-progrecss-mock="73"].mock:after{-webkit-animation-name:mock;animation-name:mock;-webkit-animation-duration:73s;animation-duration:73s}.progrecss[data-progrecss-mock="74"].mock:after{-webkit-animation-name:mock;animation-name:mock;-webkit-animation-duration:74s;animation-duration:74s}.progrecss[data-progrecss-mock="75"].mock:after{-webkit-animation-name:mock;animation-name:mock;-webkit-animation-duration:75s;animation-duration:75s}.progrecss[data-progrecss-mock="76"].mock:after{-webkit-animation-name:mock;animation-name:mock;-webkit-animation-duration:76s;animation-duration:76s}.progrecss[data-progrecss-mock="77"].mock:after{-webkit-animation-name:mock;animation-name:mock;-webkit-animation-duration:77s;animation-duration:77s}.progrecss[data-progrecss-mock="78"].mock:after{-webkit-animation-name:mock;animation-name:mock;-webkit-animation-duration:78s;animation-duration:78s}.progrecss[data-progrecss-mock="79"].mock:after{-webkit-animation-name:mock;animation-name:mock;-webkit-animation-duration:79s;animation-duration:79s}.progrecss[data-progrecss-mock="80"].mock:after{-webkit-animation-name:mock;animation-name:mock;-webkit-animation-duration:80s;animation-duration:80s}.progrecss[data-progrecss-mock="81"].mock:after{-webkit-animation-name:mock;animation-name:mock;-webkit-animation-duration:81s;animation-duration:81s}.progrecss[data-progrecss-mock="82"].mock:after{-webkit-animation-name:mock;animation-name:mock;-webkit-animation-duration:82s;animation-duration:82s}.progrecss[data-progrecss-mock="83"].mock:after{-webkit-animation-name:mock;animation-name:mock;-webkit-animation-duration:83s;animation-duration:83s}.progrecss[data-progrecss-mock="84"].mock:after{-webkit-animation-name:mock;animation-name:mock;-webkit-animation-duration:84s;animation-duration:84s}.progrecss[data-progrecss-mock="85"].mock:after{-webkit-animation-name:mock;animation-name:mock;-webkit-animation-duration:85s;animation-duration:85s}.progrecss[data-progrecss-mock="86"].mock:after{-webkit-animation-name:mock;animation-name:mock;-webkit-animation-duration:86s;animation-duration:86s}.progrecss[data-progrecss-mock="87"].mock:after{-webkit-animation-name:mock;animation-name:mock;-webkit-animation-duration:87s;animation-duration:87s}.progrecss[data-progrecss-mock="88"].mock:after{-webkit-animation-name:mock;animation-name:mock;-webkit-animation-duration:88s;animation-duration:88s}.progrecss[data-progrecss-mock="89"].mock:after{-webkit-animation-name:mock;animation-name:mock;-webkit-animation-duration:89s;animation-duration:89s}.progrecss[data-progrecss-mock="90"].mock:after{-webkit-animation-name:mock;animation-name:mock;-webkit-animation-duration:90s;animation-duration:90s}.progrecss[data-progrecss-mock="91"].mock:after{-webkit-animation-name:mock;animation-name:mock;-webkit-animation-duration:91s;animation-duration:91s}.progrecss[data-progrecss-mock="92"].mock:after{-webkit-animation-name:mock;animation-name:mock;-webkit-animation-duration:92s;animation-duration:92s}.progrecss[data-progrecss-mock="93"].mock:after{-webkit-animation-name:mock;animation-name:mock;-webkit-animation-duration:93s;animation-duration:93s}.progrecss[data-progrecss-mock="94"].mock:after{-webkit-animation-name:mock;animation-name:mock;-webkit-animation-duration:94s;animation-duration:94s}.progrecss[data-progrecss-mock="95"].mock:after{-webkit-animation-name:mock;animation-name:mock;-webkit-animation-duration:95s;animation-duration:95s}.progrecss[data-progrecss-mock="96"].mock:after{-webkit-animation-name:mock;animation-name:mock;-webkit-animation-duration:96s;animation-duration:96s}.progrecss[data-progrecss-mock="97"].mock:after{-webkit-animation-name:mock;animation-name:mock;-webkit-animation-duration:97s;animation-duration:97s}.progrecss[data-progrecss-mock="98"].mock:after{-webkit-animation-name:mock;animation-name:mock;-webkit-animation-duration:98s;animation-duration:98s}.progrecss[data-progrecss-mock="99"].mock:after{-webkit-animation-name:mock;animation-name:mock;-webkit-animation-duration:99s;animation-duration:99s}.progrecss[data-progrecss-mock="100"].mock:after{-webkit-animation-name:mock;animation-name:mock;-webkit-animation-duration:100s;animation-duration:100s}@-webkit-keyframes staggered-mock{0%{width:0}10%{width:10%}20%{width:10%}30%{width:30%}40%{width:30%}50%{width:30%}60%{width:50%}70%{width:70%}80%{width:70%}90%{width:90%}100%{width:100%}}@keyframes staggered-mock{0%{width:0}10%{width:10%}20%{width:10%}30%{width:30%}40%{width:30%}50%{width:30%}60%{width:50%}70%{width:70%}80%{width:70%}90%{width:90%}100%{width:100%}}.progrecss[data-progrecss-mock="0"].staggered.mock:after{-webkit-animation-name:staggered-mock;animation-name:staggered-mock;-webkit-animation-duration:0s;animation-duration:0s}.progrecss[data-progrecss-mock="1"].staggered.mock:after{-webkit-animation-name:staggered-mock;animation-name:staggered-mock;-webkit-animation-duration:1s;animation-duration:1s}.progrecss[data-progrecss-mock="2"].staggered.mock:after{-webkit-animation-name:staggered-mock;animation-name:staggered-mock;-webkit-animation-duration:2s;animation-duration:2s}.progrecss[data-progrecss-mock="3"].staggered.mock:after{-webkit-animation-name:staggered-mock;animation-name:staggered-mock;-webkit-animation-duration:3s;animation-duration:3s}.progrecss[data-progrecss-mock="4"].staggered.mock:after{-webkit-animation-name:staggered-mock;animation-name:staggered-mock;-webkit-animation-duration:4s;animation-duration:4s}.progrecss[data-progrecss-mock="5"].staggered.mock:after{-webkit-animation-name:staggered-mock;animation-name:staggered-mock;-webkit-animation-duration:5s;animation-duration:5s}.progrecss[data-progrecss-mock="6"].staggered.mock:after{-webkit-animation-name:staggered-mock;animation-name:staggered-mock;-webkit-animation-duration:6s;animation-duration:6s}.progrecss[data-progrecss-mock="7"].staggered.mock:after{-webkit-animation-name:staggered-mock;animation-name:staggered-mock;-webkit-animation-duration:7s;animation-duration:7s}.progrecss[data-progrecss-mock="8"].staggered.mock:after{-webkit-animation-name:staggered-mock;animation-name:staggered-mock;-webkit-animation-duration:8s;animation-duration:8s}.progrecss[data-progrecss-mock="9"].staggered.mock:after{-webkit-animation-name:staggered-mock;animation-name:staggered-mock;-webkit-animation-duration:9s;animation-duration:9s}.progrecss[data-progrecss-mock="10"].staggered.mock:after{-webkit-animation-name:staggered-mock;animation-name:staggered-mock;-webkit-animation-duration:10s;animation-duration:10s}.progrecss[data-progrecss-mock="11"].staggered.mock:after{-webkit-animation-name:staggered-mock;animation-name:staggered-mock;-webkit-animation-duration:11s;animation-duration:11s}.progrecss[data-progrecss-mock="12"].staggered.mock:after{-webkit-animation-name:staggered-mock;animation-name:staggered-mock;-webkit-animation-duration:12s;animation-duration:12s}.progrecss[data-progrecss-mock="13"].staggered.mock:after{-webkit-animation-name:staggered-mock;animation-name:staggered-mock;-webkit-animation-duration:13s;animation-duration:13s}.progrecss[data-progrecss-mock="14"].staggered.mock:after{-webkit-animation-name:staggered-mock;animation-name:staggered-mock;-webkit-animation-duration:14s;animation-duration:14s}.progrecss[data-progrecss-mock="15"].staggered.mock:after{-webkit-animation-name:staggered-mock;animation-name:staggered-mock;-webkit-animation-duration:15s;animation-duration:15s}.progrecss[data-progrecss-mock="16"].staggered.mock:after{-webkit-animation-name:staggered-mock;animation-name:staggered-mock;-webkit-animation-duration:16s;animation-duration:16s}.progrecss[data-progrecss-mock="17"].staggered.mock:after{-webkit-animation-name:staggered-mock;animation-name:staggered-mock;-webkit-animation-duration:17s;animation-duration:17s}.progrecss[data-progrecss-mock="18"].staggered.mock:after{-webkit-animation-name:staggered-mock;animation-name:staggered-mock;-webkit-animation-duration:18s;animation-duration:18s}.progrecss[data-progrecss-mock="19"].staggered.mock:after{-webkit-animation-name:staggered-mock;animation-name:staggered-mock;-webkit-animation-duration:19s;animation-duration:19s}.progrecss[data-progrecss-mock="20"].staggered.mock:after{-webkit-animation-name:staggered-mock;animation-name:staggered-mock;-webkit-animation-duration:20s;animation-duration:20s}.progrecss[data-progrecss-mock="21"].staggered.mock:after{-webkit-animation-name:staggered-mock;animation-name:staggered-mock;-webkit-animation-duration:21s;animation-duration:21s}.progrecss[data-progrecss-mock="22"].staggered.mock:after{-webkit-animation-name:staggered-mock;animation-name:staggered-mock;-webkit-animation-duration:22s;animation-duration:22s}.progrecss[data-progrecss-mock="23"].staggered.mock:after{-webkit-animation-name:staggered-mock;animation-name:staggered-mock;-webkit-animation-duration:23s;animation-duration:23s}.progrecss[data-progrecss-mock="24"].staggered.mock:after{-webkit-animation-name:staggered-mock;animation-name:staggered-mock;-webkit-animation-duration:24s;animation-duration:24s}.progrecss[data-progrecss-mock="25"].staggered.mock:after{-webkit-animation-name:staggered-mock;animation-name:staggered-mock;-webkit-animation-duration:25s;animation-duration:25s}.progrecss[data-progrecss-mock="26"].staggered.mock:after{-webkit-animation-name:staggered-mock;animation-name:staggered-mock;-webkit-animation-duration:26s;animation-duration:26s}.progrecss[data-progrecss-mock="27"].staggered.mock:after{-webkit-animation-name:staggered-mock;animation-name:staggered-mock;-webkit-animation-duration:27s;animation-duration:27s}.progrecss[data-progrecss-mock="28"].staggered.mock:after{-webkit-animation-name:staggered-mock;animation-name:staggered-mock;-webkit-animation-duration:28s;animation-duration:28s}.progrecss[data-progrecss-mock="29"].staggered.mock:after{-webkit-animation-name:staggered-mock;animation-name:staggered-mock;-webkit-animation-duration:29s;animation-duration:29s}.progrecss[data-progrecss-mock="30"].staggered.mock:after{-webkit-animation-name:staggered-mock;animation-name:staggered-mock;-webkit-animation-duration:30s;animation-duration:30s}.progrecss[data-progrecss-mock="31"].staggered.mock:after{-webkit-animation-name:staggered-mock;animation-name:staggered-mock;-webkit-animation-duration:31s;animation-duration:31s}.progrecss[data-progrecss-mock="32"].staggered.mock:after{-webkit-animation-name:staggered-mock;animation-name:staggered-mock;-webkit-animation-duration:32s;animation-duration:32s}.progrecss[data-progrecss-mock="33"].staggered.mock:after{-webkit-animation-name:staggered-mock;animation-name:staggered-mock;-webkit-animation-duration:33s;animation-duration:33s}.progrecss[data-progrecss-mock="34"].staggered.mock:after{-webkit-animation-name:staggered-mock;animation-name:staggered-mock;-webkit-animation-duration:34s;animation-duration:34s}.progrecss[data-progrecss-mock="35"].staggered.mock:after{-webkit-animation-name:staggered-mock;animation-name:staggered-mock;-webkit-animation-duration:35s;animation-duration:35s}.progrecss[data-progrecss-mock="36"].staggered.mock:after{-webkit-animation-name:staggered-mock;animation-name:staggered-mock;-webkit-animation-duration:36s;animation-duration:36s}.progrecss[data-progrecss-mock="37"].staggered.mock:after{-webkit-animation-name:staggered-mock;animation-name:staggered-mock;-webkit-animation-duration:37s;animation-duration:37s}.progrecss[data-progrecss-mock="38"].staggered.mock:after{-webkit-animation-name:staggered-mock;animation-name:staggered-mock;-webkit-animation-duration:38s;animation-duration:38s}.progrecss[data-progrecss-mock="39"].staggered.mock:after{-webkit-animation-name:staggered-mock;animation-name:staggered-mock;-webkit-animation-duration:39s;animation-duration:39s}.progrecss[data-progrecss-mock="40"].staggered.mock:after{-webkit-animation-name:staggered-mock;animation-name:staggered-mock;-webkit-animation-duration:40s;animation-duration:40s}.progrecss[data-progrecss-mock="41"].staggered.mock:after{-webkit-animation-name:staggered-mock;animation-name:staggered-mock;-webkit-animation-duration:41s;animation-duration:41s}.progrecss[data-progrecss-mock="42"].staggered.mock:after{-webkit-animation-name:staggered-mock;animation-name:staggered-mock;-webkit-animation-duration:42s;animation-duration:42s}.progrecss[data-progrecss-mock="43"].staggered.mock:after{-webkit-animation-name:staggered-mock;animation-name:staggered-mock;-webkit-animation-duration:43s;animation-duration:43s}.progrecss[data-progrecss-mock="44"].staggered.mock:after{-webkit-animation-name:staggered-mock;animation-name:staggered-mock;-webkit-animation-duration:44s;animation-duration:44s}.progrecss[data-progrecss-mock="45"].staggered.mock:after{-webkit-animation-name:staggered-mock;animation-name:staggered-mock;-webkit-animation-duration:45s;animation-duration:45s}.progrecss[data-progrecss-mock="46"].staggered.mock:after{-webkit-animation-name:staggered-mock;animation-name:staggered-mock;-webkit-animation-duration:46s;animation-duration:46s}.progrecss[data-progrecss-mock="47"].staggered.mock:after{-webkit-animation-name:staggered-mock;animation-name:staggered-mock;-webkit-animation-duration:47s;animation-duration:47s}.progrecss[data-progrecss-mock="48"].staggered.mock:after{-webkit-animation-name:staggered-mock;animation-name:staggered-mock;-webkit-animation-duration:48s;animation-duration:48s}.progrecss[data-progrecss-mock="49"].staggered.mock:after{-webkit-animation-name:staggered-mock;animation-name:staggered-mock;-webkit-animation-duration:49s;animation-duration:49s}.progrecss[data-progrecss-mock="50"].staggered.mock:after{-webkit-animation-name:staggered-mock;animation-name:staggered-mock;-webkit-animation-duration:50s;animation-duration:50s}.progrecss[data-progrecss-mock="51"].staggered.mock:after{-webkit-animation-name:staggered-mock;animation-name:staggered-mock;-webkit-animation-duration:51s;animation-duration:51s}.progrecss[data-progrecss-mock="52"].staggered.mock:after{-webkit-animation-name:staggered-mock;animation-name:staggered-mock;-webkit-animation-duration:52s;animation-duration:52s}.progrecss[data-progrecss-mock="53"].staggered.mock:after{-webkit-animation-name:staggered-mock;animation-name:staggered-mock;-webkit-animation-duration:53s;animation-duration:53s}.progrecss[data-progrecss-mock="54"].staggered.mock:after{-webkit-animation-name:staggered-mock;animation-name:staggered-mock;-webkit-animation-duration:54s;animation-duration:54s}.progrecss[data-progrecss-mock="55"].staggered.mock:after{-webkit-animation-name:staggered-mock;animation-name:staggered-mock;-webkit-animation-duration:55s;animation-duration:55s}.progrecss[data-progrecss-mock="56"].staggered.mock:after{-webkit-animation-name:staggered-mock;animation-name:staggered-mock;-webkit-animation-duration:56s;animation-duration:56s}.progrecss[data-progrecss-mock="57"].staggered.mock:after{-webkit-animation-name:staggered-mock;animation-name:staggered-mock;-webkit-animation-duration:57s;animation-duration:57s}.progrecss[data-progrecss-mock="58"].staggered.mock:after{-webkit-animation-name:staggered-mock;animation-name:staggered-mock;-webkit-animation-duration:58s;animation-duration:58s}.progrecss[data-progrecss-mock="59"].staggered.mock:after{-webkit-animation-name:staggered-mock;animation-name:staggered-mock;-webkit-animation-duration:59s;animation-duration:59s}.progrecss[data-progrecss-mock="60"].staggered.mock:after{-webkit-animation-name:staggered-mock;animation-name:staggered-mock;-webkit-animation-duration:60s;animation-duration:60s}.progrecss[data-progrecss-mock="61"].staggered.mock:after{-webkit-animation-name:staggered-mock;animation-name:staggered-mock;-webkit-animation-duration:61s;animation-duration:61s}.progrecss[data-progrecss-mock="62"].staggered.mock:after{-webkit-animation-name:staggered-mock;animation-name:staggered-mock;-webkit-animation-duration:62s;animation-duration:62s}.progrecss[data-progrecss-mock="63"].staggered.mock:after{-webkit-animation-name:staggered-mock;animation-name:staggered-mock;-webkit-animation-duration:63s;animation-duration:63s}.progrecss[data-progrecss-mock="64"].staggered.mock:after{-webkit-animation-name:staggered-mock;animation-name:staggered-mock;-webkit-animation-duration:64s;animation-duration:64s}.progrecss[data-progrecss-mock="65"].staggered.mock:after{-webkit-animation-name:staggered-mock;animation-name:staggered-mock;-webkit-animation-duration:65s;animation-duration:65s}.progrecss[data-progrecss-mock="66"].staggered.mock:after{-webkit-animation-name:staggered-mock;animation-name:staggered-mock;-webkit-animation-duration:66s;animation-duration:66s}.progrecss[data-progrecss-mock="67"].staggered.mock:after{-webkit-animation-name:staggered-mock;animation-name:staggered-mock;-webkit-animation-duration:67s;animation-duration:67s}.progrecss[data-progrecss-mock="68"].staggered.mock:after{-webkit-animation-name:staggered-mock;animation-name:staggered-mock;-webkit-animation-duration:68s;animation-duration:68s}.progrecss[data-progrecss-mock="69"].staggered.mock:after{-webkit-animation-name:staggered-mock;animation-name:staggered-mock;-webkit-animation-duration:69s;animation-duration:69s}.progrecss[data-progrecss-mock="70"].staggered.mock:after{-webkit-animation-name:staggered-mock;animation-name:staggered-mock;-webkit-animation-duration:70s;animation-duration:70s}.progrecss[data-progrecss-mock="71"].staggered.mock:after{-webkit-animation-name:staggered-mock;animation-name:staggered-mock;-webkit-animation-duration:71s;animation-duration:71s}.progrecss[data-progrecss-mock="72"].staggered.mock:after{-webkit-animation-name:staggered-mock;animation-name:staggered-mock;-webkit-animation-duration:72s;animation-duration:72s}.progrecss[data-progrecss-mock="73"].staggered.mock:after{-webkit-animation-name:staggered-mock;animation-name:staggered-mock;-webkit-animation-duration:73s;animation-duration:73s}.progrecss[data-progrecss-mock="74"].staggered.mock:after{-webkit-animation-name:staggered-mock;animation-name:staggered-mock;-webkit-animation-duration:74s;animation-duration:74s}.progrecss[data-progrecss-mock="75"].staggered.mock:after{-webkit-animation-name:staggered-mock;animation-name:staggered-mock;-webkit-animation-duration:75s;animation-duration:75s}.progrecss[data-progrecss-mock="76"].staggered.mock:after{-webkit-animation-name:staggered-mock;animation-name:staggered-mock;-webkit-animation-duration:76s;animation-duration:76s}.progrecss[data-progrecss-mock="77"].staggered.mock:after{-webkit-animation-name:staggered-mock;animation-name:staggered-mock;-webkit-animation-duration:77s;animation-duration:77s}.progrecss[data-progrecss-mock="78"].staggered.mock:after{-webkit-animation-name:staggered-mock;animation-name:staggered-mock;-webkit-animation-duration:78s;animation-duration:78s}.progrecss[data-progrecss-mock="79"].staggered.mock:after{-webkit-animation-name:staggered-mock;animation-name:staggered-mock;-webkit-animation-duration:79s;animation-duration:79s}.progrecss[data-progrecss-mock="80"].staggered.mock:after{-webkit-animation-name:staggered-mock;animation-name:staggered-mock;-webkit-animation-duration:80s;animation-duration:80s}.progrecss[data-progrecss-mock="81"].staggered.mock:after{-webkit-animation-name:staggered-mock;animation-name:staggered-mock;-webkit-animation-duration:81s;animation-duration:81s}.progrecss[data-progrecss-mock="82"].staggered.mock:after{-webkit-animation-name:staggered-mock;animation-name:staggered-mock;-webkit-animation-duration:82s;animation-duration:82s}.progrecss[data-progrecss-mock="83"].staggered.mock:after{-webkit-animation-name:staggered-mock;animation-name:staggered-mock;-webkit-animation-duration:83s;animation-duration:83s}.progrecss[data-progrecss-mock="84"].staggered.mock:after{-webkit-animation-name:staggered-mock;animation-name:staggered-mock;-webkit-animation-duration:84s;animation-duration:84s}.progrecss[data-progrecss-mock="85"].staggered.mock:after{-webkit-animation-name:staggered-mock;animation-name:staggered-mock;-webkit-animation-duration:85s;animation-duration:85s}.progrecss[data-progrecss-mock="86"].staggered.mock:after{-webkit-animation-name:staggered-mock;animation-name:staggered-mock;-webkit-animation-duration:86s;animation-duration:86s}.progrecss[data-progrecss-mock="87"].staggered.mock:after{-webkit-animation-name:staggered-mock;animation-name:staggered-mock;-webkit-animation-duration:87s;animation-duration:87s}.progrecss[data-progrecss-mock="88"].staggered.mock:after{-webkit-animation-name:staggered-mock;animation-name:staggered-mock;-webkit-animation-duration:88s;animation-duration:88s}.progrecss[data-progrecss-mock="89"].staggered.mock:after{-webkit-animation-name:staggered-mock;animation-name:staggered-mock;-webkit-animation-duration:89s;animation-duration:89s}.progrecss[data-progrecss-mock="90"].staggered.mock:after{-webkit-animation-name:staggered-mock;animation-name:staggered-mock;-webkit-animation-duration:90s;animation-duration:90s}.progrecss[data-progrecss-mock="91"].staggered.mock:after{-webkit-animation-name:staggered-mock;animation-name:staggered-mock;-webkit-animation-duration:91s;animation-duration:91s}.progrecss[data-progrecss-mock="92"].staggered.mock:after{-webkit-animation-name:staggered-mock;animation-name:staggered-mock;-webkit-animation-duration:92s;animation-duration:92s}.progrecss[data-progrecss-mock="93"].staggered.mock:after{-webkit-animation-name:staggered-mock;animation-name:staggered-mock;-webkit-animation-duration:93s;animation-duration:93s}.progrecss[data-progrecss-mock="94"].staggered.mock:after{-webkit-animation-name:staggered-mock;animation-name:staggered-mock;-webkit-animation-duration:94s;animation-duration:94s}.progrecss[data-progrecss-mock="95"].staggered.mock:after{-webkit-animation-name:staggered-mock;animation-name:staggered-mock;-webkit-animation-duration:95s;animation-duration:95s}.progrecss[data-progrecss-mock="96"].staggered.mock:after{-webkit-animation-name:staggered-mock;animation-name:staggered-mock;-webkit-animation-duration:96s;animation-duration:96s}.progrecss[data-progrecss-mock="97"].staggered.mock:after{-webkit-animation-name:staggered-mock;animation-name:staggered-mock;-webkit-animation-duration:97s;animation-duration:97s}.progrecss[data-progrecss-mock="98"].staggered.mock:after{-webkit-animation-name:staggered-mock;animation-name:staggered-mock;-webkit-animation-duration:98s;animation-duration:98s}.progrecss[data-progrecss-mock="99"].staggered.mock:after{-webkit-animation-name:staggered-mock;animation-name:staggered-mock;-webkit-animation-duration:99s;animation-duration:99s}.progrecss[data-progrecss-mock="100"].staggered.mock:after{-webkit-animation-name:staggered-mock;animation-name:staggered-mock;-webkit-animation-duration:100s;animation-duration:100s}@-webkit-keyframes timer{0%{width:100%}100%{width:0}}@keyframes timer{0%{width:100%}100%{width:0}}.progrecss[data-progrecss-timer="0"].timer:after{-webkit-animation-name:timer;animation-name:timer;-webkit-animation-duration:0s;animation-duration:0s}.progrecss[data-progrecss-timer="1"].timer:after{-webkit-animation-name:timer;animation-name:timer;-webkit-animation-duration:1s;animation-duration:1s}.progrecss[data-progrecss-timer="2"].timer:after{-webkit-animation-name:timer;animation-name:timer;-webkit-animation-duration:2s;animation-duration:2s}.progrecss[data-progrecss-timer="3"].timer:after{-webkit-animation-name:timer;animation-name:timer;-webkit-animation-duration:3s;animation-duration:3s}.progrecss[data-progrecss-timer="4"].timer:after{-webkit-animation-name:timer;animation-name:timer;-webkit-animation-duration:4s;animation-duration:4s}.progrecss[data-progrecss-timer="5"].timer:after{-webkit-animation-name:timer;animation-name:timer;-webkit-animation-duration:5s;animation-duration:5s}.progrecss[data-progrecss-timer="6"].timer:after{-webkit-animation-name:timer;animation-name:timer;-webkit-animation-duration:6s;animation-duration:6s}.progrecss[data-progrecss-timer="7"].timer:after{-webkit-animation-name:timer;animation-name:timer;-webkit-animation-duration:7s;animation-duration:7s}.progrecss[data-progrecss-timer="8"].timer:after{-webkit-animation-name:timer;animation-name:timer;-webkit-animation-duration:8s;animation-duration:8s}.progrecss[data-progrecss-timer="9"].timer:after{-webkit-animation-name:timer;animation-name:timer;-webkit-animation-duration:9s;animation-duration:9s}.progrecss[data-progrecss-timer="10"].timer:after{-webkit-animation-name:timer;animation-name:timer;-webkit-animation-duration:10s;animation-duration:10s}.progrecss[data-progrecss-timer="11"].timer:after{-webkit-animation-name:timer;animation-name:timer;-webkit-animation-duration:11s;animation-duration:11s}.progrecss[data-progrecss-timer="12"].timer:after{-webkit-animation-name:timer;animation-name:timer;-webkit-animation-duration:12s;animation-duration:12s}.progrecss[data-progrecss-timer="13"].timer:after{-webkit-animation-name:timer;animation-name:timer;-webkit-animation-duration:13s;animation-duration:13s}.progrecss[data-progrecss-timer="14"].timer:after{-webkit-animation-name:timer;animation-name:timer;-webkit-animation-duration:14s;animation-duration:14s}.progrecss[data-progrecss-timer="15"].timer:after{-webkit-animation-name:timer;animation-name:timer;-webkit-animation-duration:15s;animation-duration:15s}.progrecss[data-progrecss-timer="16"].timer:after{-webkit-animation-name:timer;animation-name:timer;-webkit-animation-duration:16s;animation-duration:16s}.progrecss[data-progrecss-timer="17"].timer:after{-webkit-animation-name:timer;animation-name:timer;-webkit-animation-duration:17s;animation-duration:17s}.progrecss[data-progrecss-timer="18"].timer:after{-webkit-animation-name:timer;animation-name:timer;-webkit-animation-duration:18s;animation-duration:18s}.progrecss[data-progrecss-timer="19"].timer:after{-webkit-animation-name:timer;animation-name:timer;-webkit-animation-duration:19s;animation-duration:19s}.progrecss[data-progrecss-timer="20"].timer:after{-webkit-animation-name:timer;animation-name:timer;-webkit-animation-duration:20s;animation-duration:20s}.progrecss[data-progrecss-timer="21"].timer:after{-webkit-animation-name:timer;animation-name:timer;-webkit-animation-duration:21s;animation-duration:21s}.progrecss[data-progrecss-timer="22"].timer:after{-webkit-animation-name:timer;animation-name:timer;-webkit-animation-duration:22s;animation-duration:22s}.progrecss[data-progrecss-timer="23"].timer:after{-webkit-animation-name:timer;animation-name:timer;-webkit-animation-duration:23s;animation-duration:23s}.progrecss[data-progrecss-timer="24"].timer:after{-webkit-animation-name:timer;animation-name:timer;-webkit-animation-duration:24s;animation-duration:24s}.progrecss[data-progrecss-timer="25"].timer:after{-webkit-animation-name:timer;animation-name:timer;-webkit-animation-duration:25s;animation-duration:25s}.progrecss[data-progrecss-timer="26"].timer:after{-webkit-animation-name:timer;animation-name:timer;-webkit-animation-duration:26s;animation-duration:26s}.progrecss[data-progrecss-timer="27"].timer:after{-webkit-animation-name:timer;animation-name:timer;-webkit-animation-duration:27s;animation-duration:27s}.progrecss[data-progrecss-timer="28"].timer:after{-webkit-animation-name:timer;animation-name:timer;-webkit-animation-duration:28s;animation-duration:28s}.progrecss[data-progrecss-timer="29"].timer:after{-webkit-animation-name:timer;animation-name:timer;-webkit-animation-duration:29s;animation-duration:29s}.progrecss[data-progrecss-timer="30"].timer:after{-webkit-animation-name:timer;animation-name:timer;-webkit-animation-duration:30s;animation-duration:30s}.progrecss[data-progrecss-timer="31"].timer:after{-webkit-animation-name:timer;animation-name:timer;-webkit-animation-duration:31s;animation-duration:31s}.progrecss[data-progrecss-timer="32"].timer:after{-webkit-animation-name:timer;animation-name:timer;-webkit-animation-duration:32s;animation-duration:32s}.progrecss[data-progrecss-timer="33"].timer:after{-webkit-animation-name:timer;animation-name:timer;-webkit-animation-duration:33s;animation-duration:33s}.progrecss[data-progrecss-timer="34"].timer:after{-webkit-animation-name:timer;animation-name:timer;-webkit-animation-duration:34s;animation-duration:34s}.progrecss[data-progrecss-timer="35"].timer:after{-webkit-animation-name:timer;animation-name:timer;-webkit-animation-duration:35s;animation-duration:35s}.progrecss[data-progrecss-timer="36"].timer:after{-webkit-animation-name:timer;animation-name:timer;-webkit-animation-duration:36s;animation-duration:36s}.progrecss[data-progrecss-timer="37"].timer:after{-webkit-animation-name:timer;animation-name:timer;-webkit-animation-duration:37s;animation-duration:37s}.progrecss[data-progrecss-timer="38"].timer:after{-webkit-animation-name:timer;animation-name:timer;-webkit-animation-duration:38s;animation-duration:38s}.progrecss[data-progrecss-timer="39"].timer:after{-webkit-animation-name:timer;animation-name:timer;-webkit-animation-duration:39s;animation-duration:39s}.progrecss[data-progrecss-timer="40"].timer:after{-webkit-animation-name:timer;animation-name:timer;-webkit-animation-duration:40s;animation-duration:40s}.progrecss[data-progrecss-timer="41"].timer:after{-webkit-animation-name:timer;animation-name:timer;-webkit-animation-duration:41s;animation-duration:41s}.progrecss[data-progrecss-timer="42"].timer:after{-webkit-animation-name:timer;animation-name:timer;-webkit-animation-duration:42s;animation-duration:42s}.progrecss[data-progrecss-timer="43"].timer:after{-webkit-animation-name:timer;animation-name:timer;-webkit-animation-duration:43s;animation-duration:43s}.progrecss[data-progrecss-timer="44"].timer:after{-webkit-animation-name:timer;animation-name:timer;-webkit-animation-duration:44s;animation-duration:44s}.progrecss[data-progrecss-timer="45"].timer:after{-webkit-animation-name:timer;animation-name:timer;-webkit-animation-duration:45s;animation-duration:45s}.progrecss[data-progrecss-timer="46"].timer:after{-webkit-animation-name:timer;animation-name:timer;-webkit-animation-duration:46s;animation-duration:46s}.progrecss[data-progrecss-timer="47"].timer:after{-webkit-animation-name:timer;animation-name:timer;-webkit-animation-duration:47s;animation-duration:47s}.progrecss[data-progrecss-timer="48"].timer:after{-webkit-animation-name:timer;animation-name:timer;-webkit-animation-duration:48s;animation-duration:48s}.progrecss[data-progrecss-timer="49"].timer:after{-webkit-animation-name:timer;animation-name:timer;-webkit-animation-duration:49s;animation-duration:49s}.progrecss[data-progrecss-timer="50"].timer:after{-webkit-animation-name:timer;animation-name:timer;-webkit-animation-duration:50s;animation-duration:50s}.progrecss[data-progrecss-timer="51"].timer:after{-webkit-animation-name:timer;animation-name:timer;-webkit-animation-duration:51s;animation-duration:51s}.progrecss[data-progrecss-timer="52"].timer:after{-webkit-animation-name:timer;animation-name:timer;-webkit-animation-duration:52s;animation-duration:52s}.progrecss[data-progrecss-timer="53"].timer:after{-webkit-animation-name:timer;animation-name:timer;-webkit-animation-duration:53s;animation-duration:53s}.progrecss[data-progrecss-timer="54"].timer:after{-webkit-animation-name:timer;animation-name:timer;-webkit-animation-duration:54s;animation-duration:54s}.progrecss[data-progrecss-timer="55"].timer:after{-webkit-animation-name:timer;animation-name:timer;-webkit-animation-duration:55s;animation-duration:55s}.progrecss[data-progrecss-timer="56"].timer:after{-webkit-animation-name:timer;animation-name:timer;-webkit-animation-duration:56s;animation-duration:56s}.progrecss[data-progrecss-timer="57"].timer:after{-webkit-animation-name:timer;animation-name:timer;-webkit-animation-duration:57s;animation-duration:57s}.progrecss[data-progrecss-timer="58"].timer:after{-webkit-animation-name:timer;animation-name:timer;-webkit-animation-duration:58s;animation-duration:58s}.progrecss[data-progrecss-timer="59"].timer:after{-webkit-animation-name:timer;animation-name:timer;-webkit-animation-duration:59s;animation-duration:59s}.progrecss[data-progrecss-timer="60"].timer:after{-webkit-animation-name:timer;animation-name:timer;-webkit-animation-duration:60s;animation-duration:60s}.progrecss[data-progrecss-timer="61"].timer:after{-webkit-animation-name:timer;animation-name:timer;-webkit-animation-duration:61s;animation-duration:61s}.progrecss[data-progrecss-timer="62"].timer:after{-webkit-animation-name:timer;animation-name:timer;-webkit-animation-duration:62s;animation-duration:62s}.progrecss[data-progrecss-timer="63"].timer:after{-webkit-animation-name:timer;animation-name:timer;-webkit-animation-duration:63s;animation-duration:63s}.progrecss[data-progrecss-timer="64"].timer:after{-webkit-animation-name:timer;animation-name:timer;-webkit-animation-duration:64s;animation-duration:64s}.progrecss[data-progrecss-timer="65"].timer:after{-webkit-animation-name:timer;animation-name:timer;-webkit-animation-duration:65s;animation-duration:65s}.progrecss[data-progrecss-timer="66"].timer:after{-webkit-animation-name:timer;animation-name:timer;-webkit-animation-duration:66s;animation-duration:66s}.progrecss[data-progrecss-timer="67"].timer:after{-webkit-animation-name:timer;animation-name:timer;-webkit-animation-duration:67s;animation-duration:67s}.progrecss[data-progrecss-timer="68"].timer:after{-webkit-animation-name:timer;animation-name:timer;-webkit-animation-duration:68s;animation-duration:68s}.progrecss[data-progrecss-timer="69"].timer:after{-webkit-animation-name:timer;animation-name:timer;-webkit-animation-duration:69s;animation-duration:69s}.progrecss[data-progrecss-timer="70"].timer:after{-webkit-animation-name:timer;animation-name:timer;-webkit-animation-duration:70s;animation-duration:70s}.progrecss[data-progrecss-timer="71"].timer:after{-webkit-animation-name:timer;animation-name:timer;-webkit-animation-duration:71s;animation-duration:71s}.progrecss[data-progrecss-timer="72"].timer:after{-webkit-animation-name:timer;animation-name:timer;-webkit-animation-duration:72s;animation-duration:72s}.progrecss[data-progrecss-timer="73"].timer:after{-webkit-animation-name:timer;animation-name:timer;-webkit-animation-duration:73s;animation-duration:73s}.progrecss[data-progrecss-timer="74"].timer:after{-webkit-animation-name:timer;animation-name:timer;-webkit-animation-duration:74s;animation-duration:74s}.progrecss[data-progrecss-timer="75"].timer:after{-webkit-animation-name:timer;animation-name:timer;-webkit-animation-duration:75s;animation-duration:75s}.progrecss[data-progrecss-timer="76"].timer:after{-webkit-animation-name:timer;animation-name:timer;-webkit-animation-duration:76s;animation-duration:76s}.progrecss[data-progrecss-timer="77"].timer:after{-webkit-animation-name:timer;animation-name:timer;-webkit-animation-duration:77s;animation-duration:77s}.progrecss[data-progrecss-timer="78"].timer:after{-webkit-animation-name:timer;animation-name:timer;-webkit-animation-duration:78s;animation-duration:78s}.progrecss[data-progrecss-timer="79"].timer:after{-webkit-animation-name:timer;animation-name:timer;-webkit-animation-duration:79s;animation-duration:79s}.progrecss[data-progrecss-timer="80"].timer:after{-webkit-animation-name:timer;animation-name:timer;-webkit-animation-duration:80s;animation-duration:80s}.progrecss[data-progrecss-timer="81"].timer:after{-webkit-animation-name:timer;animation-name:timer;-webkit-animation-duration:81s;animation-duration:81s}.progrecss[data-progrecss-timer="82"].timer:after{-webkit-animation-name:timer;animation-name:timer;-webkit-animation-duration:82s;animation-duration:82s}.progrecss[data-progrecss-timer="83"].timer:after{-webkit-animation-name:timer;animation-name:timer;-webkit-animation-duration:83s;animation-duration:83s}.progrecss[data-progrecss-timer="84"].timer:after{-webkit-animation-name:timer;animation-name:timer;-webkit-animation-duration:84s;animation-duration:84s}.progrecss[data-progrecss-timer="85"].timer:after{-webkit-animation-name:timer;animation-name:timer;-webkit-animation-duration:85s;animation-duration:85s}.progrecss[data-progrecss-timer="86"].timer:after{-webkit-animation-name:timer;animation-name:timer;-webkit-animation-duration:86s;animation-duration:86s}.progrecss[data-progrecss-timer="87"].timer:after{-webkit-animation-name:timer;animation-name:timer;-webkit-animation-duration:87s;animation-duration:87s}.progrecss[data-progrecss-timer="88"].timer:after{-webkit-animation-name:timer;animation-name:timer;-webkit-animation-duration:88s;animation-duration:88s}.progrecss[data-progrecss-timer="89"].timer:after{-webkit-animation-name:timer;animation-name:timer;-webkit-animation-duration:89s;animation-duration:89s}.progrecss[data-progrecss-timer="90"].timer:after{-webkit-animation-name:timer;animation-name:timer;-webkit-animation-duration:90s;animation-duration:90s}.progrecss[data-progrecss-timer="91"].timer:after{-webkit-animation-name:timer;animation-name:timer;-webkit-animation-duration:91s;animation-duration:91s}.progrecss[data-progrecss-timer="92"].timer:after{-webkit-animation-name:timer;animation-name:timer;-webkit-animation-duration:92s;animation-duration:92s}.progrecss[data-progrecss-timer="93"].timer:after{-webkit-animation-name:timer;animation-name:timer;-webkit-animation-duration:93s;animation-duration:93s}.progrecss[data-progrecss-timer="94"].timer:after{-webkit-animation-name:timer;animation-name:timer;-webkit-animation-duration:94s;animation-duration:94s}.progrecss[data-progrecss-timer="95"].timer:after{-webkit-animation-name:timer;animation-name:timer;-webkit-animation-duration:95s;animation-duration:95s}.progrecss[data-progrecss-timer="96"].timer:after{-webkit-animation-name:timer;animation-name:timer;-webkit-animation-duration:96s;animation-duration:96s}.progrecss[data-progrecss-timer="97"].timer:after{-webkit-animation-name:timer;animation-name:timer;-webkit-animation-duration:97s;animation-duration:97s}.progrecss[data-progrecss-timer="98"].timer:after{-webkit-animation-name:timer;animation-name:timer;-webkit-animation-duration:98s;animation-duration:98s}.progrecss[data-progrecss-timer="99"].timer:after{-webkit-animation-name:timer;animation-name:timer;-webkit-animation-duration:99s;animation-duration:99s}.progrecss[data-progrecss-timer="100"].timer:after{-webkit-animation-name:timer;animation-name:timer;-webkit-animation-duration:100s;animation-duration:100s}.progrecss[data-progrecss].green:after,.progrecss[data-progrecss-mock].green:after,.progrecss[data-progrecss-timer].green:after{background-color:#2ecc71}.progrecss[data-progrecss].blue:after,.progrecss[data-progrecss-mock].blue:after,.progrecss[data-progrecss-timer].blue:after{background-color:#3498db}.progrecss[data-progrecss].purple:after,.progrecss[data-progrecss-mock].purple:after,.progrecss[data-progrecss-timer].purple:after{background-color:#9b59b6}.progrecss[data-progrecss].yellow:after,.progrecss[data-progrecss-mock].yellow:after,.progrecss[data-progrecss-timer].yellow:after{background-color:#f1c40f}.progrecss[data-progrecss].orange:after,.progrecss[data-progrecss-mock].orange:after,.progrecss[data-progrecss-timer].orange:after{background-color:#e67e22}.progrecss[data-progrecss].red:after,.progrecss[data-progrecss-mock].red:after,.progrecss[data-progrecss-timer].red:after{background-color:#e74c3c}.progrecss[data-progrecss][data-progrecss-duration="0"]:after{-webkit-transition:width 0s;transition:width 0s}.progrecss[data-progrecss][data-progrecss-duration="1"]:after{-webkit-transition:width 1s;transition:width 1s}.progrecss[data-progrecss][data-progrecss-duration="2"]:after{-webkit-transition:width 2s;transition:width 2s}.progrecss[data-progrecss][data-progrecss-duration="3"]:after{-webkit-transition:width 3s;transition:width 3s}.progrecss[data-progrecss][data-progrecss-duration="4"]:after{-webkit-transition:width 4s;transition:width 4s}.progrecss[data-progrecss][data-progrecss-duration="5"]:after{-webkit-transition:width 5s;transition:width 5s}.progrecss[data-progrecss][data-progrecss-duration="6"]:after{-webkit-transition:width 6s;transition:width 6s}.progrecss[data-progrecss][data-progrecss-duration="7"]:after{-webkit-transition:width 7s;transition:width 7s}.progrecss[data-progrecss][data-progrecss-duration="8"]:after{-webkit-transition:width 8s;transition:width 8s}.progrecss[data-progrecss][data-progrecss-duration="9"]:after{-webkit-transition:width 9s;transition:width 9s}.progrecss[data-progrecss][data-progrecss-duration="10"]:after{-webkit-transition:width 10s;transition:width 10s}.progrecss[data-progrecss][data-progrecss-duration="11"]:after{-webkit-transition:width 11s;transition:width 11s}.progrecss[data-progrecss][data-progrecss-duration="12"]:after{-webkit-transition:width 12s;transition:width 12s}.progrecss[data-progrecss][data-progrecss-duration="13"]:after{-webkit-transition:width 13s;transition:width 13s}.progrecss[data-progrecss][data-progrecss-duration="14"]:after{-webkit-transition:width 14s;transition:width 14s}.progrecss[data-progrecss][data-progrecss-duration="15"]:after{-webkit-transition:width 15s;transition:width 15s}.progrecss[data-progrecss][data-progrecss-duration="16"]:after{-webkit-transition:width 16s;transition:width 16s}.progrecss[data-progrecss][data-progrecss-duration="17"]:after{-webkit-transition:width 17s;transition:width 17s}.progrecss[data-progrecss][data-progrecss-duration="18"]:after{-webkit-transition:width 18s;transition:width 18s}.progrecss[data-progrecss][data-progrecss-duration="19"]:after{-webkit-transition:width 19s;transition:width 19s}.progrecss[data-progrecss][data-progrecss-duration="20"]:after{-webkit-transition:width 20s;transition:width 20s}.progrecss[data-progrecss][data-progrecss-duration="21"]:after{-webkit-transition:width 21s;transition:width 21s}.progrecss[data-progrecss][data-progrecss-duration="22"]:after{-webkit-transition:width 22s;transition:width 22s}.progrecss[data-progrecss][data-progrecss-duration="23"]:after{-webkit-transition:width 23s;transition:width 23s}.progrecss[data-progrecss][data-progrecss-duration="24"]:after{-webkit-transition:width 24s;transition:width 24s}.progrecss[data-progrecss][data-progrecss-duration="25"]:after{-webkit-transition:width 25s;transition:width 25s}.progrecss[data-progrecss][data-progrecss-duration="26"]:after{-webkit-transition:width 26s;transition:width 26s}.progrecss[data-progrecss][data-progrecss-duration="27"]:after{-webkit-transition:width 27s;transition:width 27s}.progrecss[data-progrecss][data-progrecss-duration="28"]:after{-webkit-transition:width 28s;transition:width 28s}.progrecss[data-progrecss][data-progrecss-duration="29"]:after{-webkit-transition:width 29s;transition:width 29s}.progrecss[data-progrecss][data-progrecss-duration="30"]:after{-webkit-transition:width 30s;transition:width 30s}.progrecss[data-progrecss][data-progrecss-duration="31"]:after{-webkit-transition:width 31s;transition:width 31s}.progrecss[data-progrecss][data-progrecss-duration="32"]:after{-webkit-transition:width 32s;transition:width 32s}.progrecss[data-progrecss][data-progrecss-duration="33"]:after{-webkit-transition:width 33s;transition:width 33s}.progrecss[data-progrecss][data-progrecss-duration="34"]:after{-webkit-transition:width 34s;transition:width 34s}.progrecss[data-progrecss][data-progrecss-duration="35"]:after{-webkit-transition:width 35s;transition:width 35s}.progrecss[data-progrecss][data-progrecss-duration="36"]:after{-webkit-transition:width 36s;transition:width 36s}.progrecss[data-progrecss][data-progrecss-duration="37"]:after{-webkit-transition:width 37s;transition:width 37s}.progrecss[data-progrecss][data-progrecss-duration="38"]:after{-webkit-transition:width 38s;transition:width 38s}.progrecss[data-progrecss][data-progrecss-duration="39"]:after{-webkit-transition:width 39s;transition:width 39s}.progrecss[data-progrecss][data-progrecss-duration="40"]:after{-webkit-transition:width 40s;transition:width 40s}.progrecss[data-progrecss][data-progrecss-duration="41"]:after{-webkit-transition:width 41s;transition:width 41s}.progrecss[data-progrecss][data-progrecss-duration="42"]:after{-webkit-transition:width 42s;transition:width 42s}.progrecss[data-progrecss][data-progrecss-duration="43"]:after{-webkit-transition:width 43s;transition:width 43s}.progrecss[data-progrecss][data-progrecss-duration="44"]:after{-webkit-transition:width 44s;transition:width 44s}.progrecss[data-progrecss][data-progrecss-duration="45"]:after{-webkit-transition:width 45s;transition:width 45s}.progrecss[data-progrecss][data-progrecss-duration="46"]:after{-webkit-transition:width 46s;transition:width 46s}.progrecss[data-progrecss][data-progrecss-duration="47"]:after{-webkit-transition:width 47s;transition:width 47s}.progrecss[data-progrecss][data-progrecss-duration="48"]:after{-webkit-transition:width 48s;transition:width 48s}.progrecss[data-progrecss][data-progrecss-duration="49"]:after{-webkit-transition:width 49s;transition:width 49s}.progrecss[data-progrecss][data-progrecss-duration="50"]:after{-webkit-transition:width 50s;transition:width 50s}.progrecss[data-progrecss][data-progrecss-duration="51"]:after{-webkit-transition:width 51s;transition:width 51s}.progrecss[data-progrecss][data-progrecss-duration="52"]:after{-webkit-transition:width 52s;transition:width 52s}.progrecss[data-progrecss][data-progrecss-duration="53"]:after{-webkit-transition:width 53s;transition:width 53s}.progrecss[data-progrecss][data-progrecss-duration="54"]:after{-webkit-transition:width 54s;transition:width 54s}.progrecss[data-progrecss][data-progrecss-duration="55"]:after{-webkit-transition:width 55s;transition:width 55s}.progrecss[data-progrecss][data-progrecss-duration="56"]:after{-webkit-transition:width 56s;transition:width 56s}.progrecss[data-progrecss][data-progrecss-duration="57"]:after{-webkit-transition:width 57s;transition:width 57s}.progrecss[data-progrecss][data-progrecss-duration="58"]:after{-webkit-transition:width 58s;transition:width 58s}.progrecss[data-progrecss][data-progrecss-duration="59"]:after{-webkit-transition:width 59s;transition:width 59s}.progrecss[data-progrecss][data-progrecss-duration="60"]:after{-webkit-transition:width 60s;transition:width 60s}.progrecss[data-progrecss][data-progrecss-duration="61"]:after{-webkit-transition:width 61s;transition:width 61s}.progrecss[data-progrecss][data-progrecss-duration="62"]:after{-webkit-transition:width 62s;transition:width 62s}.progrecss[data-progrecss][data-progrecss-duration="63"]:after{-webkit-transition:width 63s;transition:width 63s}.progrecss[data-progrecss][data-progrecss-duration="64"]:after{-webkit-transition:width 64s;transition:width 64s}.progrecss[data-progrecss][data-progrecss-duration="65"]:after{-webkit-transition:width 65s;transition:width 65s}.progrecss[data-progrecss][data-progrecss-duration="66"]:after{-webkit-transition:width 66s;transition:width 66s}.progrecss[data-progrecss][data-progrecss-duration="67"]:after{-webkit-transition:width 67s;transition:width 67s}.progrecss[data-progrecss][data-progrecss-duration="68"]:after{-webkit-transition:width 68s;transition:width 68s}.progrecss[data-progrecss][data-progrecss-duration="69"]:after{-webkit-transition:width 69s;transition:width 69s}.progrecss[data-progrecss][data-progrecss-duration="70"]:after{-webkit-transition:width 70s;transition:width 70s}.progrecss[data-progrecss][data-progrecss-duration="71"]:after{-webkit-transition:width 71s;transition:width 71s}.progrecss[data-progrecss][data-progrecss-duration="72"]:after{-webkit-transition:width 72s;transition:width 72s}.progrecss[data-progrecss][data-progrecss-duration="73"]:after{-webkit-transition:width 73s;transition:width 73s}.progrecss[data-progrecss][data-progrecss-duration="74"]:after{-webkit-transition:width 74s;transition:width 74s}.progrecss[data-progrecss][data-progrecss-duration="75"]:after{-webkit-transition:width 75s;transition:width 75s}.progrecss[data-progrecss][data-progrecss-duration="76"]:after{-webkit-transition:width 76s;transition:width 76s}.progrecss[data-progrecss][data-progrecss-duration="77"]:after{-webkit-transition:width 77s;transition:width 77s}.progrecss[data-progrecss][data-progrecss-duration="78"]:after{-webkit-transition:width 78s;transition:width 78s}.progrecss[data-progrecss][data-progrecss-duration="79"]:after{-webkit-transition:width 79s;transition:width 79s}.progrecss[data-progrecss][data-progrecss-duration="80"]:after{-webkit-transition:width 80s;transition:width 80s}.progrecss[data-progrecss][data-progrecss-duration="81"]:after{-webkit-transition:width 81s;transition:width 81s}.progrecss[data-progrecss][data-progrecss-duration="82"]:after{-webkit-transition:width 82s;transition:width 82s}.progrecss[data-progrecss][data-progrecss-duration="83"]:after{-webkit-transition:width 83s;transition:width 83s}.progrecss[data-progrecss][data-progrecss-duration="84"]:after{-webkit-transition:width 84s;transition:width 84s}.progrecss[data-progrecss][data-progrecss-duration="85"]:after{-webkit-transition:width 85s;transition:width 85s}.progrecss[data-progrecss][data-progrecss-duration="86"]:after{-webkit-transition:width 86s;transition:width 86s}.progrecss[data-progrecss][data-progrecss-duration="87"]:after{-webkit-transition:width 87s;transition:width 87s}.progrecss[data-progrecss][data-progrecss-duration="88"]:after{-webkit-transition:width 88s;transition:width 88s}.progrecss[data-progrecss][data-progrecss-duration="89"]:after{-webkit-transition:width 89s;transition:width 89s}.progrecss[data-progrecss][data-progrecss-duration="90"]:after{-webkit-transition:width 90s;transition:width 90s}.progrecss[data-progrecss][data-progrecss-duration="91"]:after{-webkit-transition:width 91s;transition:width 91s}.progrecss[data-progrecss][data-progrecss-duration="92"]:after{-webkit-transition:width 92s;transition:width 92s}.progrecss[data-progrecss][data-progrecss-duration="93"]:after{-webkit-transition:width 93s;transition:width 93s}.progrecss[data-progrecss][data-progrecss-duration="94"]:after{-webkit-transition:width 94s;transition:width 94s}.progrecss[data-progrecss][data-progrecss-duration="95"]:after{-webkit-transition:width 95s;transition:width 95s}.progrecss[data-progrecss][data-progrecss-duration="96"]:after{-webkit-transition:width 96s;transition:width 96s}.progrecss[data-progrecss][data-progrecss-duration="97"]:after{-webkit-transition:width 97s;transition:width 97s}.progrecss[data-progrecss][data-progrecss-duration="98"]:after{-webkit-transition:width 98s;transition:width 98s}.progrecss[data-progrecss][data-progrecss-duration="99"]:after{-webkit-transition:width 99s;transition:width 99s}.progrecss[data-progrecss][data-progrecss-duration="100"]:after{-webkit-transition:width 100s;transition:width 100s} \ No newline at end of file diff --git a/progrecss.min.js b/progrecss.min.js new file mode 100644 index 0000000..7da0a87 --- /dev/null +++ b/progrecss.min.js @@ -0,0 +1 @@ +(function(){var e;e=window.progrecss=function(t,r){return this instanceof e?(this._element=t,this._color=void 0!==r&&void 0!==r.color?r.color:"green",this._position=void 0!==r&&void 0!==r.position?r.position:"top",this._percent=void 0!==r&&void 0!==r.percent?r.percent:0,this._mock=void 0!==r&&void 0!==r.mock?!0:!1,this._mockDuration=void 0!==r&&void 0!==r.mock.mockDuration?r.mock.mockDuration:5,this._startMockOnCreate=void 0!==r&&void 0!==r.mock.startMockOnCreate?r.mock.startMockOnCreate:!0,this._staggered=void 0!==r&&void 0!==r.mock.staggered?r.mock.staggered:!1,this._timer=void 0!==r&&void 0!==r.timer?!0:!1,this._reverse=void 0!==r&&void 0!==r.reverse?r.reverse:!1,this._timerDuration=void 0!==r&&void 0!==r.timer&&void 0!==r.timer.timerDuration?r.timer.timerDuration:5,this._startTimerOnCreate=void 0!==r&&void 0!==r.timer&&void 0!==r.timer.startTimerOnCreate?r.timer.startTimerOnCreate:!0,void this._create()):new e(t,r)},e.prototype._create=function(){e=this,void 0===e._element&&(e._element=document.createElement("div")),e._element.className="progrecss "+e._position+" "+e._color,e._element.setAttribute("data-progrecss",e.percent),e._mock?(e._element.setAttribute("data-progrecss-mock",e._mockDuration),e._staggered&&(e._element.className+=" staggered"),e._startMockOnCreate&&(e._element.className+=" mock"),e._reverse&&(e._element.className+=" reverse")):e._timer&&(e.element.setAttribute("data-progrecss-timer",e._timerDuration),e._startTimerOnCreate&&(e.element.className+=" timer"),e._reverse&&(e._element.className+=" reverse"))},e.prototype.setprogrecss=function(e){if(!(void 0!==e&&"number"==typeof e&&100>=e&&e>=0))throw Error("progrecss: ERROR percent must be a number and between 0 and 100.");this._element.setAttribute("data-progrecss",e),this._percent=e},e.prototype.pause=function(){return this._element.className+=" pause"},e.prototype.play=function(){return this._element.className=this._element.className.replace("pause","")},e.prototype.togglePause=function(){return-1!==this._element.className.indexOf("pause")?this.play():this.pause()},e.prototype.startMock=function(){e=this,e._element.className+=" mock",setTimeout(function(){e._element.className=e._element.className.replace(/\bmock\b/,"")},1e3*e._mockDuration)},e.prototype.startTimer=function(){e=this,e._element.className+=" timer",setTimeout(function(){e._element.className=e._element.className.replace(/\btimer\b/,"")},1e3*e._timerDuration)}}).call(this); \ No newline at end of file