<div class="flex-wrapper">
<div class="single-chart">
<svg viewbox="0 0 36 36" class="circular-chart orange">
<path class="circle-bg"
d="M18 2.0845
a 15.9155 15.9155 0 0 1 0 31.831
a 15.9155 15.9155 0 0 1 0 -31.831"
/>
<path class="circle"
stroke-dasharray="70, 100"
d="M18 2.0845
a 15.9155 15.9155 0 0 1 0 31.831
a 15.9155 15.9155 0 0 1 0 -31.831"
/>
<text x="18" y="20.35" class="percentage">30%</text>
</svg>
</div>
<div class="single-chart">
<svg viewbox="0 0 36 36" class="circular-chart green">
<path class="circle-bg"
d="M18 2.0845
a 15.9155 15.9155 0 0 1 0 31.831
a 15.9155 15.9155 0 0 1 0 -31.831"
/>
<path class="circle"
stroke-dasharray="60, 100"
d="M18 2.0845
a 15.9155 15.9155 0 0 1 0 31.831
a 15.9155 15.9155 0 0 1 0 -31.831"
/>
<text x="18" y="20.35" class="percentage">60%</text>
</svg>
</div>
<div class="single-chart">
<svg viewbox="0 0 36 36" class="circular-chart blue">
<path class="circle-bg"
d="M18 2.0845
a 15.9155 15.9155 0 0 1 0 31.831
a 15.9155 15.9155 0 0 1 0 -31.831"
/>
<path class="circle"
stroke-dasharray="90, 100"
d="M18 2.0845
a 15.9155 15.9155 0 0 1 0 31.831
a 15.9155 15.9155 0 0 1 0 -31.831"
/>
<text x="18" y="20.35" class="percentage">90%</text>
</svg>
</div>
</div>| Code Example |
|---|
| Css :: what is flex 1 in css |
| Css :: css notes |
| Css :: css make border rotate around element |
| Css :: rem in css |
| Css :: css footer always at bottom but visible |
| Css :: centrar imagen flexbox |
| Css :: Scrollbar inside a website |
| Css :: are the iphone dimensions widht then height |
| Css :: css animation sin |
| Css :: css buchstaben auseinander weite |
| Css :: in 10 seconds fade in a card html css |
| Css :: divs overlapping on mobile landscape |
| Css :: font weight numbers |
| Css :: highcharts change font family |
| Css :: font-style |
| Css :: fade div |
| Css :: how to make focus outline round in html |
| Css :: black background |
| Css :: text overlay animation css |
| Css :: svg tailwind |
| Css :: overlap section |
| Css :: css floats |
| Css :: css focus input change another element |
| Css :: pixel css |
| Css :: add tailwind to next |
| Css :: css selector id class |
| Css :: what is bulletproof buttons |
| Css :: divi submenu collapse by default |
| Css :: hoq to give paragraph color css |
| Css :: ecto generator create new mvc |