<ion-app>
  <div class="ion-page">

    <ion-header>
      <ion-toolbar color="secondary">
        <ion-title>Blank</ion-title>
      </ion-toolbar>
    </ion-header>
    <ion-content>
      <ion-item>
        <ion-range min="0" max="100" pin="true" value="30"></ion-range>
      </ion-item>
      <ion-item>
        <ion-range mode="ios" min="0" max="100" pin="true" value="30"></ion-range>
      </ion-item>

    </ion-content>
  </div>
</ion-app>
ion-header, ion-header ion-toolbar:last-child {
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
  overflow:hidden;
}
Run Pen

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.