quasar-framework/src/components/ajax-bar/ajax-bar.ios.styl

Simultaneously build desktop/mobile SPA websites & phone/tablet apps with VueJS

.q-loading-bar
  position fixed
  z-index $z-max
  transition all .2s cubic-bezier(0, 0, .2, 1)

  &.top
    left 0
    right 0
    top 0
    width 100%
  &.bottom
    left 0
    right 0
    bottom 0
    width 100%

  &.right
    top 0
    bottom 0
    right 0
    height 100%
  &.left
    top 0
    bottom 0
    left 0
    height 100%

  .q-loading-bar-inner
    width 100%
    height 100%
    transition height 1s