react-progress-bar-plus/dist/react-progress-bar-plus.css

Progress bar component for ReactJS.

@-webkit-keyframes react-progress-spinner{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes react-progress-spinner{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.react-progress-bar{position:fixed;top:0;left:0;width:100%;visibility:visible;opacity:1;-webkit-transition:all .4s;transition:all .4s;z-index:9999}.react-progress-bar.react-progress-bar-on-top{height:100%}.react-progress-bar.react-progress-bar-hide{opacity:0;visibility:hidden;z-index:-10}.react-progress-bar-percent{height:2px;background:#29d;-webkit-box-shadow:0 0 10px #29d,0 0 5px #29d;box-shadow:0 0 10px #29d,0 0 5px #29d;-webkit-transition:all .2s ease;transition:all .2s ease}.react-progress-bar-spinner{display:block;position:fixed;top:15px}.react-progress-bar-spinner-left{left:15px;right:auto}.react-progress-bar-spinner-right{left:auto;right:15px}.react-progress-bar-spinner-icon{width:18px;height:18px;-webkit-box-sizing:border-box;box-sizing:border-box;border:2px solid transparent;border-top-color:#29d;border-left-color:#29d;border-radius:50%;-webkit-animation:react-progress-spinner .4s linear infinite;animation:react-progress-spinner .4s linear infinite}