Subida del módulo y tema de PrestaShop

themes/hummingbird/templates/components/progress-circle.tpl

@@ -0,0 +1,37 @@
+{**
+ * For the full copyright and license information, please view the LICENSE
+ * file that was distributed with this source code.
+ *}
+
+{$radius = $size / 2 - $stroke * 2}
+{$circumference = $radius * 2 * constant('M_PI')}
+
+{$circumference = $circumference|string_format:"%.4f"}
+
+<svg
+  class="progress-ring{if $classes} {$classes}{/if}"
+  width="{$size}"
+  height="{$size}"
+  style="width: {$size}px; height: {$size}px;"
+>
+  <circle
+    class="progress-ring__background-circle"
+    stroke-width="{$stroke}"
+    fill="transparent"
+    r="{$radius}"
+    cx="{$size / 2}"
+    cy="{$size / 2}"
+  />
+  <circle
+    class="progress-ring__circle"
+    stroke="currentColor"
+    stroke-width="{$stroke}"
+    data-percent="0"
+    fill="transparent"
+    r="{$radius}"
+    cx="{$size / 2}"
+    cy="{$size / 2}"
+    style="stroke-dasharray: {$circumference}, {$circumference}; stroke-dashoffset: {$circumference};"
+  />
+  <text class="progress-ring__text" x="50%" y="52%" dominant-baseline="middle" text-anchor="middle"></text>
+</svg>