index_1.html 809 B

12345678910111213141516171819202122232425
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <title>TODO supply a title</title>
  5. <meta charset="UTF-8">
  6. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  7. <script src="../bower_components/jquery/dist/jquery.min.js"></script>
  8. <script src="../src/sliderTelepatic.js"></script>
  9. </head>
  10. <body>
  11. <div>
  12. <div class="form-group col-12">
  13. <label>Porcento <span class="range-monitor"> </span> </label>
  14. <input class="" type="range" name="percent" value="0" min="0" max="100" step="10" />
  15. </div>
  16. </div>
  17. <script>
  18. $('input[type="range"]').each(function(i, el){
  19. $(this).sliderTelepatic();
  20. });
  21. </script>
  22. </body>
  23. </html>