nprogress.css 1.3 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768
  1. /** iwb_admin-v1.1.0 MIT License By http://www.iwbnet.com e-mail:yueyy@iwbnet.com */
  2. #nprogress {
  3. pointer-events:none
  4. }
  5. #nprogress .bar {
  6. background:#FF5722;
  7. position:fixed;
  8. z-index:1031;
  9. top:0;
  10. left:0;
  11. width:100%;
  12. height:1px;
  13. border-radius: 20px;
  14. transition: all .10s;
  15. }
  16. #nprogress .peg {
  17. display:block;
  18. position:absolute;
  19. right:0;
  20. width:100px;
  21. height:100%;
  22. box-shadow:0 0 10px #29d,0 0 5px #29d;
  23. opacity:1;
  24. -webkit-transform:rotate(3deg) translate(0,-4px);
  25. -ms-transform:rotate(3deg) translate(0,-4px);
  26. transform:rotate(3deg) translate(0,-4px)
  27. }
  28. #nprogress .spinner {
  29. display:block;
  30. position:fixed;
  31. z-index:1031;
  32. top:15px;
  33. right:15px
  34. }
  35. #nprogress .spinner-icon {
  36. width:18px;
  37. height:18px;
  38. box-sizing:border-box;
  39. border:1px solid transparent;
  40. border-top-color:#FF5722;
  41. border-left-color:#FF5722;
  42. border-radius:50%;
  43. -webkit-animation:nprogress-spinner .5s linear infinite;
  44. animation:nprogress-spinner .3s linear infinite
  45. }
  46. .nprogress-custom-parent {
  47. overflow:hidden;
  48. position:relative
  49. }
  50. .nprogress-custom-parent #nprogress .bar,.nprogress-custom-parent #nprogress .spinner {
  51. position:absolute
  52. }
  53. @-webkit-keyframes nprogress-spinner {
  54. 0% {
  55. -webkit-transform:rotate(0)
  56. }
  57. 100% {
  58. -webkit-transform:rotate(360deg)
  59. }
  60. }
  61. @keyframes nprogress-spinner {
  62. 0% {
  63. transform:rotate(0)
  64. }
  65. 100% {
  66. transform:rotate(360deg)
  67. }
  68. }