Skip to content

Instantly share code, notes, and snippets.

@bmbrands

bmbrands/custom-html-sliders.html

Created October 28, 2019 13:05
Show Gist options
  • Save bmbrands/3adb0b4459adf40b7a3746b38e6f6236 to your computer and use it in GitHub Desktop.
Save bmbrands/3adb0b4459adf40b7a3746b38e6f6236 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
custom-html-sliders.html
<div class="slider-item">
<div class="slider-range"><input type="range"></div>
<div class="slider-label">1.1 Population dynamics</div>
</div>
<div class="slider-item">
<div class="slider-range"><input type="range"></div>
<div class="slider-label">1.2 Migration</div>
</div>
<div class="slider-item">
<div class="slider-range"><input type="range"></div>
<div class="slider-label">1.3 Population structure</div>
</div>
<div class="slider-item">
<div class="slider-range"><input type="range"></div>
<div class="slider-label">1.4 Population density and distribution</div>
</div>
<div class="slider-item">
<div class="slider-range"><input type="range"></div>
<div class="slider-label">1.5 Settlements and service provision</div>
</div>
<div class="slider-item">
<div class="slider-range"><input type="range"></div>
<div class="slider-label">1.6 Urban settlements</div>
</div>
<div class="slider-item">
<div class="slider-range"><input type="range"></div>
<div class="slider-label">1.7 Urbanisation</div>
</div>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment