title: Is it possible to make CSS Pie timer run only once?
body: <p>I use <a href="https://css-tricks.com/css-pie-timer/" rel="nofollow noreferrer">CSS Pie Timer</a>, and I struggle to make my pie loading animation run only once.</p>
  
  <p>The order I want the animation to be in:</p>
  
  <ol>
  <li>the circle is not shown</li>
  <li>the circle is starting to fill up with a border color</li>
  <li>the circle get filled fully</li>
  <li>the circle <strong>stays filled</strong> (and doesn't repeat)</li>
  </ol>
  
  <p><a href="https://codepen.io/HugoGiraudel/pen/BHEwo" rel="nofollow noreferrer">Demo here</a></p>
  
  <pre><code>&lt;div class="wrapper"&gt;
    &lt;div class="pie spinner"&gt;&lt;/div&gt;
    &lt;div class="pie filler"&gt;&lt;/div&gt;
    &lt;div class="mask"&gt;&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Help will be appreciated!</p>