nprogress.css 1.1 KB

123456789101112131415
  1. #nprogress{pointer-events:none;}
  2. #nprogress .bar{background:#fd8000;position:fixed;z-index:100031;top:0;left:0;width:100%;height:.046rem;}
  3. #nprogress .peg{display:block;position:absolute;right:0px;width:2.34rem;height:100%;box-shadow:0 0 10px #fd8000,0 0 5px #fd8000;opacity:1.0;-webkit-transform:rotate(3deg) translate(0px,-4px);-ms-transform:rotate(3deg) translate(0px,-4px);transform:rotate(3deg) translate(0px,-4px);}
  4. #nprogress .spinner{display:block;position:fixed;z-index:100031;top:15px;right:15px;}
  5. #nprogress .spinner-icon{width:.42rem;height:.42rem;box-sizing:border-box;border:solid .046rem transparent;border-top-color:#fd8000;border-left-color:#fd8000;border-radius:50%;-webkit-animation:nprogress-spinner 400ms linear infinite;animation:nprogress-spinner 400ms linear infinite;}
  6. .nprogress-custom-parent{overflow:hidden;position:relative;}
  7. .nprogress-custom-parent #nprogress .spinner,.nprogress-custom-parent #nprogress .bar{position:absolute;}
  8. @-webkit-keyframes nprogress-spinner{
  9. 0%{-webkit-transform:rotate(0deg);}
  10. 100%{-webkit-transform:rotate(360deg);}
  11. }
  12. @keyframes nprogress-spinner{
  13. 0%{transform:rotate(0deg);}
  14. 100%{transform:rotate(360deg);}
  15. }