['pottery', 'self-care', 'creativity', 'freedom', 'physics']
Fes un programa en JavaScript que mostri una barra de progrés circular que es vagi omplint a mesura que l'usuari fa exercicis de respiració.
```javascript
// Codi HTML per a la barra de progrés (inserir al cos del document):
<div class="progress-ring" id="progress-ring">
  <span class="progress-ring__circle"></span>
</div>

// Codi JavaScript:
const circle = document.querySelector('.progress-ring__circle');
let radius = circle.r.baseVal.value;
let circumference = radius * 2 * Math.PI;

circle.style.strokeDasharray = `${circumference} ${circumference}`;
circle.style.strokeDashoffset = circumference;

function setProgress(percent) {
  const offset = circumference - percent / 100 * circumference;
  circle.style.strokeDashoffset = offset;
}

// Exemple d'ús:
let progress = 0;
setInterval(() => {
  progress += 1;
  setProgress(progress);
  if (progress >= 100) {
    clearInterval(this);
  }
}, 100); // Ajustar el temps per controlar la velocitat de la barra
```