Loading Bar

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 512 512"
>
    <linearGradient
        id="a"
        x1="361.5"
        x2="361.5"
        y1="511.5"
        y2="150.5"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#addcff" />
        <stop offset=".503" stop-color="#eaf6ff" />
        <stop offset="1" stop-color="#eaf6ff" />
    </linearGradient>
    <linearGradient
        id="b"
        x1="225.5"
        x2="225.5"
        y1="511.5"
        y2=".5"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#5558ff" />
        <stop offset="1" stop-color="#00c0ff" />
    </linearGradient>
    <path
        fill="url(#a)"
        d="M296.605 154.895c-5.859-5.859-15.352-5.859-21.211 0l-60 60c-5.859 5.859-5.859 15.352 0 21.211s15.351 5.859 21.211 0l60-60c5.86-5.86 5.86-15.352 0-21.211zM226 180.5c8.284 0 15-6.716 15-15 0-8.286-6.716-15-15-15s-15 6.714-15 15c0 8.284 6.716 15 15 15zm45 45c0 8.284 6.716 15 15 15s15-6.716 15-15c0-8.286-6.716-15-15-15s-15 6.714-15 15zm196 196H286c-8.291 0-15 6.709-15 15s6.709 15 15 15c8.276 0 15 6.724 15 15s-6.724 15-15 15c-8.291 0-15 6.709-15 15s6.709 15 15 15h181c24.814 0 45-20.186 45-45s-20.186-45-45-45z"
    />
    <path
        fill="url(#b)"
        d="M393.886 121.262c17.546-17.546 17.632-46.015 0-63.647-17.007-17.007-46.67-16.978-63.647 0-17.652 17.682-17.489 46.144 0 63.633 17.546 17.545 46.005 17.625 63.647.014zM118.114 269.738c-17.546 17.546-17.632 46.015 0 63.647 17.617 17.617 46.099 17.564 63.633 0 17.617-17.617 17.558-46.089.015-63.633-16.992-16.977-46.626-17.021-63.648-.014zm212.139 0c-17.546 17.546-17.626 46.005-.015 63.647 17.546 17.546 46.015 17.632 63.647 0 17.617-17.617 17.564-46.083 0-63.647-17.035-17.007-46.684-16.948-63.632 0zM181.747 121.262c17.562-17.562 17.616-46.015.015-63.647-16.992-16.978-46.655-17.007-63.647 0-17.617 17.617-17.564 46.099 0 63.633 17.616 17.616 46.088 17.557 63.632.014zM406 150.5c-24.814 0-45 20.186-45 45s20.186 45 45 45 45-20.186 45-45-20.186-45-45-45zm-300 90c24.814 0 45-20.186 45-45s-20.186-45-45-45-45 20.186-45 45 20.186 45 45 45zm150 150c24.814 0 45-20.186 45-45s-20.186-45-45-45-45 20.186-45 45 20.186 45 45 45zm0-300c24.814 0 45-20.186 45-45s-20.186-45-45-45-45 20.186-45 45 20.186 45 45 45zm30 331H45c-24.814 0-45 20.186-45 45s20.186 45 45 45h241c24.814 0 45-20.186 45-45s-20.186-45-45-45z"
    />
</svg>