CSS Loading Animation -

i'm building website , want implement css loading animation in it.

(such one: http://codepen.io/hone/pen/hhjuk)

whatever animation choose use, it'll 1 consistently plays until rest of page loads.

how animation begin playing once loads , continue playing until rest of page loads?

i've researched can find tips on how make specific element fade in , out until page loads.

here page load library can use.

pace js

this provides many built in solutions , can customize it.

here demo how used before