Удалите запятую с помощью jquery и добавьте ноль после одного числа

Question

Я пытаюсь выяснить следующую ситуацию.Для правильного отображения звезд обзора важно показать правильный процент.Так, если есть несколько обзоров, вывод в html, например:

<span style="width:8,2%"></span>

Если все просмотренные элементы имеют одинаковое число, вывод будет, например:

<span style="width:8%"></span>

проблема является десятичной после запятой.На мой взгляд, лучшее решение - убрать десятичную запятую и запятую после первого числа.Таким образом, в обеих ситуациях я могу добавить ноль после первого числа и получить правильное представление о звездах.

Решение будет следующим:

<span style="width:8,2%"></span>

into:

<span style="width:80%"></span>

И

<span style="width:8%"></span>

в:

<span style="width:80%"></span>

Мой код для jquery такой, но я буду удалять только запятую, и у меня возникнет проблема с одним числом.Мне нужен ноль, если есть только один номер

<script>
$(document).ready(function() {
    $('.rating__stars').each(function() {
        var string = $(this).html();
        $(this).html(string.replace(",", ""));
    });
}); 
</script>

Я надеюсь, что кто-то может помочь мне с этим.