<svg role="img" width="500" height="120" aria-labelledby="loading-aria" viewBox="0 0 500 120" preserveAspectRatio="none">
	<title id="loading-aria">Loading...</title>
	<rect x="0" y="0" width="100%" height="100%" clip-path="url(#clip-path)" style='fill: url("#fill");'></rect>
	<defs>
		<clipPath id="clip-path">
			<rect x="0" y="0" rx="3" ry="3" width="67" height="11" />
			<rect x="76" y="0" rx="3" ry="3" width="140" height="11" />
			<rect x="127" y="48" rx="3" ry="3" width="53" height="11" />
			<rect x="187" y="48" rx="3" ry="3" width="72" height="11" />
			<rect x="18" y="48" rx="3" ry="3" width="100" height="11" />
			<rect x="0" y="71" rx="3" ry="3" width="37" height="11" />
			<rect x="18" y="23" rx="3" ry="3" width="140" height="11" />
			<rect x="166" y="23" rx="3" ry="3" width="173" height="11" />
			<rect x="58" y="70" rx="0" ry="0" width="130" height="11" />
			<rect x="-2" y="94" rx="0" ry="0" width="334" height="10" />
		</clipPath>
		<linearGradient id="fill">
			<stop offset="0.599964" stop-color="#833a3a" stop-opacity="1">
				<animate attributeName="offset" values="-2; -2; 1" keyTimes="0; 0.25; 1" dur="2s" repeatCount="indefinite"></animate>
			</stop>
			<stop offset="1.59996" stop-color="#ecebeb" stop-opacity="1">
				<animate attributeName="offset" values="-1; -1; 2" keyTimes="0; 0.25; 1" dur="2s" repeatCount="indefinite"></animate>
			</stop>
			<stop offset="2.59996" stop-color="#833a3a" stop-opacity="1">
				<animate attributeName="offset" values="0; 0; 3" keyTimes="0; 0.25; 1" dur="2s" repeatCount="indefinite"></animate>
			</stop>
		</linearGradient>
	</defs>
</svg>

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.