<?php

[0] Fix | Delete

/**

[1] Fix | Delete

* @var string $percent_grade Circle grade class.

[2] Fix | Delete

* @var int|float $percent_metric Metric to calculate circle score.

[3] Fix | Delete

* @var int $percent_optimized Percent optimized.

[4] Fix | Delete

* @var string $progressbar_description Progressbar description.

[5] Fix | Delete

*/

[6] Fix | Delete

if ( ! isset( $progressbar_description ) ) {

[7] Fix | Delete

$progressbar_description = __( 'Images optimized in the media library', 'wp-smushit' );

[8] Fix | Delete

}

[9] Fix | Delete

?>

[10] Fix | Delete

<div class="sui-summary-image-space" aria-hidden="true">

[11] Fix | Delete

<div class="sui-circle-score <?php echo esc_attr( $percent_grade ); ?> loaded" data-score="<?php echo absint( $percent_optimized ); ?>" id="smush-image-score">

[12] Fix | Delete

<svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg">

[13] Fix | Delete

<circle stroke-width="16" cx="50" cy="50" r="42"></circle>

[14] Fix | Delete

<circle stroke-width="16" cx="50" cy="50" r="42" style="--metric-array: <?php echo 2.63893782902 * absint( $percent_metric ); ?> <?php echo 263.893782902 - absint( $percent_metric ); ?>"></circle>

[15] Fix | Delete

</svg>

[16] Fix | Delete

<span class="sui-circle-score-label"><?php echo absint( $percent_optimized ); ?></span>

[17] Fix | Delete

</div>

[18] Fix | Delete

<small><?php echo esc_html( $progressbar_description ); ?></small>

[19] Fix | Delete

</div>

[20] Fix | Delete