AngularJS - Tela de Pré Loading antes de carregar a página principal

Olá pessoal, boa tarde!

Sou novo em AngularJS e gostaria da ajuda dos senhores para implementar uma tela de pré loading em meu sistema. Antes de mais nada o objetivo é que eu tenha uma orientação de como fazer, mas se quiserem colaborar com algum exemplo eu desde já agradeço. Vamos lá!

Disponibilizo na minha aplicação uma interface de login como de prache nas appps. Após a tela de login, se tudo der certo, gostaria de chamar a minha rota default que é: /visao-geral, só que eu penso em carregar uma tela de pré loading antes da tela /visao-geral. Na verdade o Visão Geral só deve aparecer quando estiver 100% carregada (por baixo dos panos), ou seja, enquanto isso a tela de pré loading continua sendo exibida, funcionando parecido com a autenticação do HOTMAIL(OUTLOOK).

Alguém já implementou algo parecido ou saiba fazer e queira compartilhar?

Agradeço a todoa!