Pie Chart
Required:
HTML
CSS
Demo
HTML
<div class="pie" style="--segment1: 40; --segment2: 60; --segment3: 85; --segment4: 95; --segment5: 100;"></div>
CSS
/* --- Pie Chart --- */.pie {background-image: conic-gradient(#d44 calc(3.6deg * var(--segment1, 100)),#fc3 0 calc(3.6deg * var(--segment2, 100)),#ac0 0 calc(3.6deg * var(--segment3, 100)),#0ac 0 calc(3.6deg * var(--segment4, 100)),#f7b 0);display: inline-block;width: 200px;height: 200px;border-radius: 50%;border: .15em solid #fff;box-shadow: 0 .075em .2em .05em rgba(0,0,0,.25);background-origin: border-box; }#progress {height: 99px;}
Javascript
No Javascript
Fatal error: Uncaught Error: Call to undefined function seo_url() in /home/sabalico/public_html/blueprint/pages/documentation.php:186Stack trace:#0 /home/sabalico/public_html/index.php(86): include()#1 {main} thrown in /home/sabalico/public_html/blueprint/pages/documentation.php on line 186