Preloader

Bonjour,
comment puis je mettre au point un preloader pour mon site, un loading permettant de dire que le site est en chargement...
Une barre se remplissant... qui fait que a 100% c'est écrit 100% et ma page s'affiche.

Pour mettre une div wait le temps du chargement ca va, la retirer le site chargé ca va aussi.
J'aimerai juste que l'on m'explique comment connaitre le pourcentage, et les interactions possible comme par exemple un cercle qui se rempli...
J'aimerai beaucoup avoir quelque chose comme ceci.

Pourriez vous m'aider svp?