title: Style the progress element in firefox. CSS
body: <p>I want to style the progress bar in firefox using WebKit and following code it works on chrome but not on firefox</p>
  <pre><code>
  progress::-webkit-progress-value {
    background-color: var(--orange);
    border-radius: 8px;
  }
  
  
  progress::-webkit-progress-bar {
    background-color: whitesmoke;
    border-radius: 8px;
  }
  
  </code></pre>
  <p>How can I style the progress bar value and bar.</p>