SHARE
TWEET

Untitled

a guest May 19th, 2019 66 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <?php
  2.  
  3. $w = 2000;
  4. $h = 1000;
  5.  
  6. $x0 = 200;
  7. $y0 = $h/2;
  8. $delta = 50;
  9. $r = $y0-$delta;
  10. $r1 = 20;
  11. $r2 = 5;
  12. $r3 = 100;
  13.  
  14. $a1 = 45;
  15. $x1 = round($x0 + ($r*cos(deg2rad($a1-90))));
  16. $y1 = round($y0 + ($r*sin(deg2rad($a1-90))));
  17.  
  18. $a2 = 90;
  19. $x2 = round($x0 + ($r*cos(deg2rad($a2-90))));
  20. $y2 = round($y0 + ($r*sin(deg2rad($a2-90))));
  21.  
  22. $a3 = 135;
  23. $x3 = round($x0 + ($r*cos(deg2rad($a3-90))));
  24. $y3 = round($y0 + ($r*sin(deg2rad($a3-90))));
  25.  
  26. $a4 = 0;
  27. $x4 = round($x0 + ($r*cos(deg2rad($a4-90))));
  28. $y4 = round($y0 + ($r*sin(deg2rad($a4-90))));
  29.  
  30. $a5 = 180;
  31. $x5 = round($x0 + ($r*cos(deg2rad($a5-90))));
  32. $y5 = round($y0 + ($r*sin(deg2rad($a5-90))));
  33.  
  34. $pWidth = 530;
  35. $p1 = 100;
  36. $p2 = 5;
  37. $p3 = 10;
  38.  
  39. ?>
  40.  
  41. <html>
  42.     <header>
  43.         <link href="./main.css" rel="stylesheet" type="text/css">
  44.     </header>
  45.     <body>
  46.         <div style="width: 100%;height: 100%">
  47.             <svg height="1000" width="2000" viewBox="0 0 2000 1000" preserveAspectRatio="none" style="width: 100%;height: 100%;">
  48.                 <defs>
  49.                     <clipPath id="cut-off-bottom">
  50.                         <rect x="<?php echo $x0; ?>" y="<?php echo $delta-5; ?>" width="<?php echo $r+$delta; ?>" height="<?php echo $h; ?>" />
  51.                     </clipPath>
  52.                     <radialGradient id="Gradient">
  53.                         <stop offset="10%" stop-color="#22a7f0"/>
  54.                         <stop offset="95%" stop-color="#2e3131"/>
  55.                     </radialGradient>
  56.                 </defs>
  57.  
  58.                 <circle cx="<?php echo $x0; ?>" cy="<?php echo $y0; ?>" r="<?php echo $r; ?>" clip-path="url(#cut-off-bottom)" fill="none" stroke="#2e3131" style="stroke-width: 5px;" />
  59.  
  60.                 <circle cx="<?php echo $x0; ?>" cy="<?php echo $y0; ?>" r="<?php echo $y0-100; ?>" fill="url(#Gradient)"/>
  61.  
  62.                 <circle cx="<?php echo $x1; ?>" cy="<?php echo $y1; ?>" r="<?php echo $r1; ?>" fill="#f89406"/>
  63.                 <line x1="<?php echo $x1 + 50; ?>" y1="<?php echo $y1; ?>" x2="<?php echo $x1+550+70; ?>" y2="<?php echo $y1; ?>" stroke="black"/>
  64.                 <circle cx="<?php echo $x1 + 50; ?>" cy="<?php echo $y1; ?>" r="<?php echo $r2; ?>" fill="black"/>
  65.                 <circle cx="<?php echo $x1 + 550+70; ?>" cy="<?php echo $y1; ?>" r="<?php echo $r2; ?>" fill="black"/>
  66.                 <circle cx="<?php echo $x1 + 700+70; ?>" cy="<?php echo $y1; ?>" r="<?php echo $r3; ?>" fill="#2e3131"/>
  67.                 <text x="<?php echo $x1 + 263 + 70; ?>" y="<?php echo $y1+50; ?>" fill="black"><?php echo $p1; ?>%</text>
  68.                 <text x="<?php echo $x1 + 700+70; ?>" y="<?php echo $y1+5; ?>" fill="white">Forum</text>
  69.  
  70.                 <!-- PROGRESSBAR 1 -->
  71.  
  72.                 <line x1="<?php echo $x1 + 70; ?>" y1="<?php echo $y1-5; ?>" x2="<?php echo $x1+70+($pWidth*$p1/100); ?>" y2="<?php echo $y1-5; ?>" stroke="#ffcb05" style="stroke-width: 5px;"/>
  73.  
  74.                 <!-- FIN PROGRESSBAR 1 -->
  75.  
  76.                 <circle cx="<?php echo $x2; ?>" cy="<?php echo $y2; ?>" r="<?php echo $r1; ?>" fill="#f89406"/>
  77.                 <line x1="<?php echo $x2 + 50; ?>" y1="<?php echo $y2; ?>" x2="<?php echo $x2+550+70; ?>" y2="<?php echo $y2; ?>" stroke="black"/>
  78.                 <circle cx="<?php echo $x2 + 50; ?>" cy="<?php echo $y2; ?>" r="<?php echo $r2; ?>" fill="black"/>
  79.                 <circle cx="<?php echo $x2 + 550+70; ?>" cy="<?php echo $y2; ?>" r="<?php echo $r2; ?>" fill="black"/>
  80.                 <circle cx="<?php echo $x2 + 700+70; ?>" cy="<?php echo $y2; ?>" r="<?php echo $r3; ?>" fill="#2e3131"/>
  81.                 <text x="<?php echo $x2 + 263 + 70; ?>" y="<?php echo $y2+50; ?>" fill="black"><?php echo $p2; ?>%</text>
  82.                 <text x="<?php echo $x2 + 700+70; ?>" y="<?php echo $y2+5; ?>" fill="white">Site</text>
  83.  
  84.                 <!-- PROGRESSBAR 2 -->
  85.  
  86.                 <line x1="<?php echo $x2 + 70; ?>" y1="<?php echo $y2-5; ?>" x2="<?php echo $x2+70+($pWidth*$p2/100); ?>" y2="<?php echo $y2-5; ?>" stroke="#ffcb05" style="stroke-width: 5px;"/>
  87.  
  88.                 <!-- FIN PROGRESSBAR 2 -->
  89.  
  90.                 <circle cx="<?php echo $x3; ?>" cy="<?php echo $y3; ?>" r="<?php echo $r1; ?>" fill="#f89406"/>
  91.                 <line x1="<?php echo $x3 + 50; ?>" y1="<?php echo $y3; ?>" x2="<?php echo $x3+550+70; ?>" y2="<?php echo $y3; ?>" stroke="black"/>
  92.                 <circle cx="<?php echo $x3 + 50; ?>" cy="<?php echo $y3; ?>" r="<?php echo $r2; ?>" fill="black"/>
  93.                 <circle cx="<?php echo $x3 + 550+70; ?>" cy="<?php echo $y3; ?>" r="<?php echo $r2; ?>" fill="black"/>
  94.                 <circle cx="<?php echo $x3 + 700+70; ?>" cy="<?php echo $y3; ?>" r="<?php echo $r3; ?>" fill="#2e3131"/>
  95.                 <text x="<?php echo $x3 + 263 + 70; ?>" y="<?php echo $y3+50; ?>" fill="black"><?php echo $p3; ?>%</text>
  96.                 <text x="<?php echo $x3 + 700+70; ?>" y="<?php echo $y3+5; ?>" fill="white">Network</text>
  97.  
  98.                 <!-- PROGRESSBAR 3 -->
  99.  
  100.                 <line x1="<?php echo $x3 + 70; ?>" y1="<?php echo $y3-5; ?>" x2="<?php echo $x3+70+($pWidth*$p3/100); ?>" y2="<?php echo $y3-5; ?>" stroke="#ffcb05" style="stroke-width: 5px;"/>
  101.  
  102.                 <!-- FIN PROGRESSBAR 3 -->
  103.  
  104.                 <circle cx="<?php echo $x4; ?>" cy="<?php echo $y4; ?>" r="<?php echo $r2; ?>" fill="black"/>
  105.                 <circle cx="<?php echo $x5; ?>" cy="<?php echo $y5; ?>" r="<?php echo $r2; ?>" fill="black"/>
  106.             </svg>
  107.         </div>
  108.     </body>
  109. </html>
RAW Paste Data
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy. OK, I Understand
 
Top