How to pause/resume ProgressBar.js?

I am using ProgressBar.js for a Pomodoro clock project and I can't figure how to pause it and keep the progress bar paused a the current value, and resume it from where it left.

I've been reading the doc of the library (https://progressbarjs.readthedocs.io/en/latest/api/shape/#stop), but I'm not able to figure it out.

Here is a javascript example:

var clicked = 0;

    function myFunction(){
      clicked ++
    if (clicked % 2 === 1){
    var progressCircle = new ProgressBar.Circle(circus, {
      strokeWidth: 3,
      duration: 30000,
      color: '#21abe9',
      trailColor: '#f4f4f4',
      trailWidth: 1,
      svgStyle: null,
    });

    progressCircle.animate(1)

    }
    else{
      progressCircle.animate(1).stop();
      clicked=0;
    }
    }

Here is the codepen: https://codepen.io/nico3d911/pen/qoGzvx

My almost finished Pomodoro clock can be seen here: https://codepen.io/nico3d911/pen/eVPmjq?editors=1010

Thank you!