Interaktive CSS-øvelser

<main id="bars">
  <div class="bar" style="--percent: 18%; --number: 18"></div>
  <div class="bar" style="--percent: 42%; --number: 42"></div>
  <div class="bar" style="--percent: 67%; --number: 67"></div>
  <div class="bar" style="--percent: 24%; --number: 24"></div>
  <div class="bar" style="--percent: 83%; --number: 83"></div>
  <div class="bar" style="--percent: 56%; --number: 56"></div>
  <div class="bar" style="--percent: 31%; --number: 31"></div>
  <div class="bar" style="--percent: 74%; --number: 74"></div>
  <div class="bar" style="--percent: 49%; --number: 49"></div>
  <div class="bar" style="--percent: 92%; --number: 92"></div>
</main>
Preview