t-fighting-design/theme/loading-bar.css

Fighting design can quickly build interactive interfaces in vue3 applications, which looks good.

.f-loading-bar{position:fixed;z-index:100;height:3px;top:0;left:0;width:0%;background:#2d5af1;animation:loading 3s linear both}.f-loading-bar.f-loading-bar__finish{width:100%;background:#52b35e;animation:loadingFinish ease-in-out 1.4s both}.f-loading-bar.f-loading-bar__error{width:100%;background:#ff0200;animation:loadingFinish ease-in-out 1.4s both}@keyframes loadingFinish{to{width:100%;opacity:0}}@keyframes loading{0%{width:0%}to{width:75%}}