.progressbar{display:none;background-color:#555;height:30px;padding:5px;width:90%;margin:30px auto;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;-webkit-box-shadow:0 1px 5px #000 inset,0 1px 0 #444;-moz-box-shadow:0 1px 5px #000 inset,0 1px 0 #444;box-shadow:0 1px 5px #000 inset,0 1px 0 #444;line-height:0}.progressbar>.progress{position:relative;overflow:hidden;display:block;height:100%;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;-webkit-box-shadow:0 1px 0 rgba(0,0,0,.2) inset;-moz-box-shadow:0 1px 0 rgba(0,0,0,.2) inset;box-shadow:0 1px 0 rgba(0,0,0,.2) inset;-webkit-transition:width .4s ease-in-out,background-color 0.5s ease-in;-moz-transition:width .4s ease-in-out,background-color 0.5s ease-in;-ms-transition:width .4s ease-in-out,background-color 0.5s ease-in;-o-transition:width .4s ease-in-out,background-color 0.5s ease-in;transition:width .4s ease-in-out,background-color 0.5s ease-in}.progressbar.blue>.progress{background-color:#34c2e3;background-image:-webkit-gradient(linear,left top,left bottom,from(#34c2e3),to(#05a0c4));background-image:-webkit-linear-gradient(top,#34c2e3,#05a0c4);background-image:-moz-linear-gradient(top,#34c2e3,#05a0c4);background-image:-ms-linear-gradient(top,#34c2e3,#05a0c4);background-image:-o-linear-gradient(top,#34c2e3,#05a0c4);background-image:linear-gradient(top,#34c2e3,#05a0c4)}.progressbar.orange>.progress{background-color:#111A23}.progressbar.orange2>.progress{background-color:#fecf23;background-image:-webkit-gradient(linear,left top,left bottom,from(#fecf23),to(#fd9215));background-image:-webkit-linear-gradient(top,#fecf23,#fd9215);background-image:-moz-linear-gradient(top,#fecf23,#fd9215);background-image:-ms-linear-gradient(top,#fecf23,#fd9215);background-image:-o-linear-gradient(top,#fecf23,#fd9215);background-image:linear-gradient(top,#fecf23,#fd9215)}.progressbar.marron>.progress{background-color:#926048}.progressbar.green>.progress{background-color:#a5df41;background-image:-webkit-gradient(linear,left top,left bottom,from(#a5df41),to(#4ca916));background-image:-webkit-linear-gradient(top,#a5df41,#4ca916);background-image:-moz-linear-gradient(top,#a5df41,#4ca916);background-image:-ms-linear-gradient(top,#a5df41,#4ca916);background-image:-o-linear-gradient(top,#a5df41,#4ca916);background-image:linear-gradient(top,#a5df41,#4ca916)}.progressbar.stripes>.progress{-webkit-background-size:30px 30px;-moz-background-size:30px 30px;background-size:30px 30px;background-image:-webkit-gradient(linear,left top,right bottom,color-stop(.25,rgba(255,255,255,.15)),color-stop(.25,transparent),color-stop(.5,transparent),color-stop(.5,rgba(255,255,255,.15)),color-stop(.75,rgba(255,255,255,.15)),color-stop(.75,transparent),to(transparent));background-image:-webkit-linear-gradient(135deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:-moz-linear-gradient(135deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:-ms-linear-gradient(135deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(135deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(135deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);-webkit-animation:animate-stripes 3s linear infinite;-moz-animation:animate-stripes 3s linear infinite;animation:animate-stripes 3s linear infinite}.progressbar>.progress>.label{font-size:13px;position:absolute;right:0;line-height:20px;padding-right:10px;color:#ccc;color:rgba(0,0,0,.6);text-shadow:rgba(255,255,255,.45) 0 1px 0;white-space:nowrap}@-webkit-keyframes animate-stripes{0%{background-position:0 0}100%{background-position:60px 0}}@-moz-keyframes animate-stripes{0%{background-position:0 0}100%{background-position:60px 0}}@keyframes animate-stripes{0%{background-position:0 0}100%{background-position:60px 0}}.progressbar.shine>.progress{position:relative}.progressbar.shine>.progress::after{content:'';opacity:0;position:absolute;top:0;right:0;bottom:0;left:0;background:#fff;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;-webkit-animation:animate-shine 2s ease-out infinite;-moz-animation:animate-shine 2s ease-out infinite;animation:animate-shine 2s ease-out infinite}@-webkit-keyframes animate-shine{0%{opacity:0;width:0}50%{opacity:.5}100%{opacity:0;width:95%}}@-moz-keyframes animate-shine{0%{opacity:0;width:0}50%{opacity:.5}100%{opacity:0;width:95%}}@keyframes animate-shine{0%{opacity:0;width:0}50%{opacity:.5}100%{opacity:0;width:95%}}.progressbar.glow>.progress{-webkit-box-shadow:0 5px 5px rgba(255,255,255,.7) inset,0 -5px 5px rgba(255,255,255,.7) inset;-moz-box-shadow:0 5px 5px rgba(255,255,255,.7) inset,0 -5px 5px rgba(255,255,255,.7) inset;box-shadow:0 5px 5px rgba(255,255,255,.7) inset,0 -5px 5px rgba(255,255,255,.7) inset;-webkit-animation:animate-glow 1s ease-out infinite;-moz-animation:animate-glow 1s ease-out infinite;animation:animate-glow 1s ease-out infinite}@-webkit-keyframes animate-glow{0%{-webkit-box-shadow:0 5px 5px rgba(255,255,255,.7) inset,0 -5px 5px rgba(255,255,255,.7) inset}50%{-webkit-box-shadow:0 5px 5px rgba(255,255,255,.3) inset,0 -5px 5px rgba(255,255,255,.3) inset}100%{-webkit-box-shadow:0 5px 5px rgba(255,255,255,.7) inset,0 -5px 5px rgba(255,255,255,.7) inset}}@-moz-keyframes animate-glow{0%{-moz-box-shadow:0 5px 5px rgba(255,255,255,.7) inset,0 -5px 5px rgba(255,255,255,.7) inset}50%{-moz-box-shadow:0 5px 5px rgba(255,255,255,.3) inset,0 -5px 5px rgba(255,255,255,.3) inset}100%{-moz-box-shadow:0 5px 5px rgba(255,255,255,.7) inset,0 -5px 5px rgba(255,255,255,.7) inset}}@keyframes animate-glow{0%{box-shadow:0 5px 5px rgba(255,255,255,.7) inset,0 -5px 5px rgba(255,255,255,.7) inset}50%{box-shadow:0 5px 5px rgba(255,255,255,.3) inset,0 -5px 5px rgba(255,255,255,.3) inset}100%{box-shadow:0 5px 5px rgba(255,255,255,.7) inset,0 -5px 5px rgba(255,255,255,.7) inset}}