Bar Chart: Attr()
Forrige øvelse
Næste øvelse
Opgavebeskrivelse
Sæt højden på hver søjle med attr()-funktionen, og sørg for at søjlerne flugter med bunden af diagrammet.
Nulstil øvelsen
<div class="bars-container">
<article class="bars">
<div class="bar" data-percent="100"></div>
<div class="bar" data-percent="70"></div>
<div class="bar" data-percent="60"></div>
<div class="bar" data-percent="50"></div>
<div class="bar" data-percent="40"></div>
<div class="bar" data-percent="30"></div>
<div class="bar" data-percent="20"></div>
<div class="bar" data-percent="10"></div>
</article>
</div>
Vis typed attr()
Typed attr()
.bar {
height: attr(data-percent %, 0%);
}