JSFiddle - React, Tailwind, and code Playground
by hunkyhari
HTML
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css">
<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js"></script>
<script src="http://dev.smartkompare.com/sites/all/themes/taka/js/bootstrap-slider.min.js?nnukry"></script>
<link rel="stylesheet" href="http://dev.smartkompare.com/sites/all/themes/taka/css/bootstrap-slider.min.css?nnukry">
<div id="block-system-main" class="block block-system col-xs-12 col-sm-12 col-md-12 col-lg-12 clearfix">
<form class="webform-client-form webform-client-form-572" enctype="multipart/form-data" action="/content/loan-form" method="post" id="webform-client-form-572" accept-charset="UTF-8">
<div>
<div class="form-item webform-component webform-component-textfield webform-component--how-much-you-would-like-to-borrow">
<label for="edit-submitted-how-much-you-would-like-to-borrow">How much you would like to borrow? <span class="form-required" title="This field is required.">*</span>
</label>
<div class="slider slider-horizontal" id="">
<div class="slider-track">
<div class="slider-track-low" style="left: 0px; width: 0%;"></div>
<div class="slider-selection" style="left: 0%; width: 5%;"></div>
<div class="slider-track-high" style="right: 0px; width: 95%;"></div>
<div class="slider-handle min-slider-handle round" tabindex="0" style="left: 5%;"></div>
<div class="slider-handle max-slider-handle round hide" tabindex="0" style="left: 0%;"></div>
</div>
<div class="tooltip tooltip-main top" style="left: 5%; margin-left: -69px;">
<div class="tooltip-arrow"></div>
<div class="tooltip-inner">Current value: 500000</div>
</div>
<div class="tooltip...