CSSとSVGによる、無限大（∞）型のきれいなローディングスピナー（プリローダー）です。明滅するテキストの「ローディング中」は、ローディングスピナーであることを明確にするため付け加えています。

htmlソース

<svg style="position: absolute; width: 0; height: 0; overflow: hidden;">
    <defs>
        <symbol id="loopingPath" viewBox="0 0 147.5 68">
            <title>Loading</title>
        <path d="M94.65,14a27.5,27.5,0,1,1-.17,39.88L52.93,14.06a27.5,27.5,0,1,0,.12,39.77Z" fill="none" stroke-miterlimit="10"/>
        </symbol>
    </defs>
</svg>
<svg class="loading-spinner">
    <use id="background" xlink:href="#loopingPath"/>
    <use id="master" xlink:href="#loopingPath"/>
</svg>
<span class="blinking z-i10">ローディング中</span>