ExSlider

<VBox class="sapUiMediumMargin" width="100%">

  <ux7:ExTitle text="Single Slider" level="h3" variant="section" />
  <ux7:ExSlider id="slSingle" min="0" max="100" value="30" label="Hacim" showValue="true" showTooltip="true" size="md" color="default" unit="%" />

  <ux7:ExTitle text="Range Slider" level="h3" variant="section" />
  <ux7:ExSlider id="slRange" mode="range" min="0" max="500" value="100" valueTo="380" label="Bütçe Aralığı" showValue="true" showTooltip="true" step="10" size="lg" color="success" unit="₺" />

  <ux7:ExTitle text="Ticks + Disabled" level="h3" variant="section" />
  <ux7:ExSlider id="slTicks" min="0" max="10" value="6" step="1" showTicks="true" label="Seviye" showValue="true" color="warning" />
  <ux7:ExSlider id="slDisabled" min="0" max="100" value="80" enabled="false" label="Devre dışı" showValue="true" />

  <ux7:ExTitle text="Color Variants" level="h3" variant="section" />
  <ux7:ExSlider id="slBlue" min="0" max="100" value="20" color="default" label="Default" />
  <ux7:ExSlider id="slGreen" min="0" max="100" value="40" color="success" label="Success" />
  <ux7:ExSlider id="slOrange" min="0" max="100" value="60" color="warning" label="Warning" />
  <ux7:ExSlider id="slPurple" min="0" max="100" value="80" color="purple" label="Purple" />

</VBox>