Transparent Circular Loader

<div class="util-bar">
 <label for="">Change Background: </label>
  <button class="green"></button>
  <button class="teal"></button>
  <button class="blue"></button>
  <button class="pink"></button>
  <button class="red"></button>
  <button class="orange"></button>
  <button class="abstract"></button>
  <button class="nature"></button>
  <button class="food"></button>
</div>
<div class="loader">
  <span class="spinner"></span>
  Loading
</div>

Test here