lin-view-ui/lib/theme-chalk/loading-bar.css

vue components library

@-webkit-keyframes rotate-animation{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@keyframes rotate-animation{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.lin-loading-bar-progress{position:fixed;top:0;left:0;z-index:1000;width:100%;height:2px;background:#409eff;transition:all .2s ease;transform:translateX(-100%)}.lin-loading-bar-peg{position:absolute;right:0;width:100px;height:100%;background-image:linear-gradient(135deg,#67c23a 0,#529b2e 72%,#3d7323 100%)}.lin-loading-bar-spinner{position:fixed;top:15px;right:15px;z-index:1031}.lin-loading-bar-icon{box-sizing:border-box;width:18px;height:18px;border:2px solid transparent;border-top-color:#409eff;border-left-color:#409eff;border-radius:50%;-webkit-animation-name:rotate-animation;animation-name:rotate-animation;-webkit-animation-duration:.4s;animation-duration:.4s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.lin-loading-bar-error{background:#f56c6c}.lin-loading-bar-error .lin-loading-bar-peg{background-image:none}.lin-loading-bar-icon-error{border-top-color:#f56c6c;border-left-color:#f56c6c}