 .container {
        flex-flow: column;
        justify-content: space-evenly;
      }

      ion-progress-bar {
        --background: #f3e895;
        --progress-background: #09c567;
      }
    </style>
  </head>

  <body>
    <ion-app>
      <ion-content>
        <div class="container">
          <ion-progress-bar value=".25" buffer=".5"></ion-progress-bar>
          <ion-progress-bar type="indeterminate"></ion-progress-bar>
        </div>
      </ion-content>
    </ion-app>
  </body>
</html>
