38 lines
1021 B
Smarty
38 lines
1021 B
Smarty
|
{**
|
||
|
|
* 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>
|