如何设置搜索栏下方的数字

Question

我正在尝试将数字从1设置为10以显示搜索栏的进度。但它看起来并不完美。请帮助制作如下图所示的布局

这是我的代码

    <div class='col-sm-8'>
{% for car in cars %}<br/>
      <input type='text' class='form-control' name='cars' placeholder='Select cars' value= {{car}}> 
{% endfor %}
      </div>

是否有任何库或任何最简单的方法来执行此操作？

Answer 1

在我看来，最好的解决方案是不要重新发明轮子。有一些有趣的github项目可以帮助您创建搜索栏（具有更好的设计和用户体验）：

• Crystal Range Seekbar
• Range Seek Bar
• Discrete Seek Bar

我在很多项目中使用过这些。它们易于实现并与您的项目集成，并允许自定义。