Old_loader

<div id="hellopreloader">
	<div class="preloader">
		<svg width="135" height="140" fill="#fff">
			<rect width="15" height="120" y="10" rx="6">
				<animate attributename="height" begin="0.5s" calcmode="linear" dur="1s" repeatcount="indefinite" values="120;110;100;90;80;70;60;50;40;140;120"></animate>
				<animate attributename="y" begin="0.5s" calcmode="linear" dur="1s" repeaxtcount="indefinite" values="10;15;20;25;30;35;40;45;50;0;10"></animate>
			</rect>
			<rect width="15" height="120" x="30" y="10" rx="6">
				<animate attributename="height" begin="0.25s" calcmode="linear" dur="1s" repeatcount="indefinite" values="120;110;100;90;80;70;60;50;40;140;120"></animate>
				<animate attributename="y" begin="0.25s" calcmode="linear" dur="1s" repeatcount="indefinite" values="10;15;20;25;30;35;40;45;50;0;10"></animate>
			</rect>
			<rect width="15" height="140" x="60" rx="6">
				<animate attributename="height" begin="0s" calcmode="linear" dur="1s" repeatcount="indefinite" values="120;110;100;90;80;70;60;50;40;140;120"></animate>
				<animate attributename="y" begin="0s" calcmode="linear" dur="1s" repeatcount="indefinite" values="10;15;20;25;30;35;40;45;50;0;10"></animate>
			</rect>
			<rect width="15" height="120" x="90" y="10" rx="6">
				<animate attributename="height" begin="0.25s" calcmode="linear" dur="1s" repeatcount="indefinite" values="120;110;100;90;80;70;60;50;40;140;120"></animate>
				<animate attributename="y" begin="0.25s" calcmode="linear" dur="1s" repeatcount="indefinite" values="10;15;20;25;30;35;40;45;50;0;10"></animate>
			</rect>
			<rect width="15" height="120" x="120" y="10" rx="6">
				<animate attributename="height" begin="0.5s" calcmode="linear" dur="1s" repeatcount="indefinite" values="120;110;100;90;80;70;60;50;40;140;120"></animate>
				<animate attributename="y" begin="0.5s" calcmode="linear" dur="1s" repeatcount="indefinite" values="10;15;20;25;30;35;40;45;50;0;10"></animate>
			</rect>
		</svg>

		<div class="text">Načítavanie ...</div>
	</div>
</div>