2款页面预加载进度动画效果

2款页面预加载进度动画效果2款页面预加载进度动画效果是一款加载页面时出现圆形进度条，加载后LOGO缩小。html5预加载动画效果进度条

<header class="ip-header">
<h1 class="ip-logo"><img class="ip-inner"   src="images/logo.jpg"/></h1>
<div class="ip-loader">
<svg class="ip-inner" width="60px" height="60px" viewBox="0 0 80 80">
<path class="ip-loader-circlebg" d="M40,10C57.351,10,71,23.649,71,40.5S57.351,71,40.5,71 S10,57.351,10,40.5S23.649,10,40.5,10z"/>
<path id="ip-loader-circle" class="ip-loader-circle" d="M40,10C57.351,10,71,23.649,71,40.5S57.351,71,40.5,71 S10,57.351,10,40.5S23.649,10,40.5,10z"/>
</svg>
</div>
</header>