<html>

<head>
  <script type="module" src="../lib/wired-progress-ring.js"></script>
  <script type="module" src="../lib/wired-button.js"></script>

  <style>
    body {
      margin: 0;
      padding: 10px;
      font-family: sans-serif;
      line-height: 1.5;
    }

    wired-progress-ring {
      margin: 16px 0;
    }

    #wp2 {
      --wired-progress-color: red;
    }

    wired-button {
      margin: 0 10px;
    }
  </style>
</head>

<body>
  <wired-progress-ring value="25" hideLabel></wired-progress