.progressbar,.progressbar-infinite{height:2px;width:100%;overflow:hidden;position:relative;display:block;background:#b6b6b6;border-radius:2px;-webkit-transform-origin:center top;transform-origin:center top;-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.progressbar span,.progressbar-infinite:before{top:0;width:100%;background:#dd2727;height:100%;position:absolute;left:0}.progressbar{vertical-align:middle}.progressbar span{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);-webkit-transition-duration:150ms;transition-duration:150ms}.progressbar-infinite:before{content:'';-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);-webkit-transform-origin:left center;transform-origin:left center;-webkit-animation:progressbar-infinite 1s linear infinite;animation:progressbar-infinite 1s linear infinite}html.with-statusbar-overlay body>.progressbar-infinite{top:20px}.progressbar-infinite.color-multi{background:0 0}.progressbar-infinite.color-multi:before{content:'';position:absolute;left:0;top:0;width:400%;height:100%;background-image:-webkit-linear-gradient(left,#4cd964,#5ac8fa,#dd2727,#34aadc,#5856d6,#ff2d55,#5856d6,#34aadc,#dd2727,#5ac8fa,#4cd964);background-image:linear-gradient(to right,#4cd964,#5ac8fa,#dd2727,#34aadc,#5856d6,#ff2d55,#5856d6,#34aadc,#dd2727,#5ac8fa,#4cd964);background-size:25% 100%;background-repeat:repeat-x;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);-webkit-animation:progressbar-infinite-multicolor 3s linear infinite;animation:progressbar-infinite-multicolor 3s linear infinite}html.with-statusbar-overlay body>.progressbar-infinite.color-multi{top:20px}.page>.progressbar,.page>.progressbar-infinite,.panel>.progressbar,.panel>.progressbar-infinite,.popup>.progressbar,.popup>.progressbar-infinite,.view>.progressbar,.view>.progressbar-infinite,.views>.progressbar,.views>.progressbar-infinite,body>.progressbar,body>.progressbar-infinite{position:absolute;left:0;top:0;z-index:15000;border-radius:0}.progressbar-in{-webkit-animation:progressbar-in .3s forwards;animation:progressbar-in .3s forwards}.progressbar-out{-webkit-animation:progressbar-out .3s forwards;animation:progressbar-out .3s forwards}html.with-statusbar-overlay body>.progressbar{top:20px}@-webkit-keyframes progressbar-in{from{opacity:0;-webkit-transform:scaleY(0)}to{opacity:1;-webkit-transform:scaleY(1)}}@keyframes progressbar-in{from{opacity:0;transform:scaleY(0)}to{opacity:1;transform:scaleY(1)}}@-webkit-keyframes progressbar-out{from{opacity:1;-webkit-transform:scaleY(1)}to{opacity:0;-webkit-transform:scaleY(0)}}@keyframes progressbar-out{from{opacity:1;transform:scaleY(1)}to{opacity:0;transform:scaleY(0)}}@-webkit-keyframes progressbar-infinite{0%{-webkit-transform:translate3d(-50%,0,0) scaleX(.5)}100%{-webkit-transform:translate3d(100%,0,0) scaleX(.5)}}@keyframes progressbar-infinite{0%{transform:translate3d(-50%,0,0) scaleX(.5)}100%{transform:translate3d(100%,0,0) scaleX(.5)}}@-webkit-keyframes progressbar-infinite-multicolor{from{-webkit-transform:translate3d(0,0,0)}to{-webkit-transform:translate3d(-50%,0,0)}}@keyframes progressbar-infinite-multicolor{from{transform:translate3d(0,0,0)}to{transform:translate3d(-50%,0,0)}}