showcar-ui/src/06-components/atoms/spinner/docs/spinner-percentage.html

Showcar-ui is the pattern library that is used to build the frontend of AutoScout24. It provides CSS classes, custom elements and components.

<div class="sc-absolute-center">
  <div class="sc-spinner-value-wrapper sc-absolute-center">
    <div class="sc-spinner-loading"></div>
    <div class="sc-spinner-value sc-font-s">0%</div>
  </div>
  <div class="sc-spinner-value-wrapper sc-absolute-center">
    <div class="sc-spinner-loading orange"></div>
    <div class="sc-spinner-value sc-font-s">50%</div>
  </div>
  <div class="sc-spinner-value-wrapper sc-absolute-center">
    <div class="sc-spinner-loading grey"></div>
    <div class="sc-spinner-value sc-font-s">100%</div>
  </div>
</div>