الصفحة الرئيسية
تحميل الكود
تغيير الألوان
تغيير العرض
تغيير حجم العرض
تشغيل الكود
<!DOCTYPE html> <html> <head> <style> #chart { height: 100px; width: 100px; border-radius: 50%; background: red; background: conic-gradient( red 0deg 50deg, blue 50deg 150deg, green 150deg 270deg, yellow 270deg 360deg); } </style> </head> <body> <h1>Pie-Chart Using Conic Gradient</h1> <div id="chart"></div> <ul> <li>Red: 13.88%</li> <li>Blue: 27.77%</li> <li>Green: 33.33%</li> <li>yellow: 25%</li> </ul> </body> </html>
الصفحة الرئيسية
تحميل الكود
تغيير الألوان
تغيير العرض
تغيير حجم العرض
تشغيل الكودالصفحة الرئيسيةتحميل الكودتغيير الألوانتغيير العرضتغيير حجم العرضتشغيل الكود