<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>
This Pen doesn't use any external CSS resources.
This Pen doesn't use any external JavaScript resources.