как считать значение из атрибута

в html вывожу циклом одинаковые блоки с атрибутом value:

{% for order in orders %}
    <circle value="{{order.status.percent}}" id="{{order.id}}" class="progress-ring__circle" cx="110" cy="110" r="60"></circle>
{% endfor %}

имеется js код, в котором нужно считать в цикле значения value:

<script>
    let circle = document.querySelectorAll('.progress-ring__circle');
    const radius = 60;
    const circumference = 2 * 3.14 * radius;
    for(i in circle){
        console.log(circle[i].getAttribute('value'));
    }
    const offset = circumference - percent / 100 * circumference;
    circle[i].style.strokeDashoffset = offset;
</script>

получает из первого тэга значение, а далее выдает ошибку: TypeError: circle[i].getAttribute is not a function