A loading indicator that jumps down from the top of the page when it has the class 'visible'.

gistfile1.scss

#global-loading {
    background: lighten(#ff0, 35%);
    @include borderBottomRadius(3px);
    @include boxShadow((0 0 5px rgba(#000, .5)));
    color: #333;
    color: rgba(#000, .4);
    font-size: 24px;
    font-weight: bold;
    left: 50%;
    height: 70px;
    margin-left: -38px;
    position: fixed;
    top: -73px;
    width: 76px;
    @include transitionEl((top .3s $transition-easeOutBack));
    z-index: 1060;

    &.visible {
        top: -20px;
    }

    &:before {
        @include animate(spin, 1.2s, infinite, linear);
        content: '\f110';
        font-family: 'FontAwesome';
        font-size: 40px;
        left: 20px;
        position: absolute;
        top: 35px;
    }
}