小尺寸javascript/jquery价格范围滑块

我想在我的网站上使用价格范围滑块，请建议我一个小尺寸但功能强大的滑块，我已经尝试过了

-未使用此选项，因为它没有百分比选项，假设您的范围为0到100。我的要求是在75%的填充率下达到50

-在这个滑块中，几乎所有内容都很好，但大小非常大，我必须包含大约15kb的脚本和css

-我再次为此添加了一个脚本

---

请向我推荐一个好的插件，或者请给我一些教程链接，以便我可以跟随它们，并了解如何创建您自己的价格滑块。

完全最小纯HTML范围滑块：

<input type="range" min="0" max="100" />

---

以及一个基于jQuery的polyfill，适用于尚不支持它的浏览器：

完全最小的仅限HTML的范围滑块：

<input type="range" min="0" max="100" />

---

还有一个基于jQuery的polyfill，适用于还不支持它的浏览器：

非常感谢您的建议，但是您提供的滑块只有一个指向滑块的点，我想要一个滑块，我们可以从两侧选择一个范围，这意味着我们可以设置最小和最大范围。非常感谢您的建议，但是你给出的滑块有一个单点到滑块，我想要一个滑块，我们可以从两侧选择一个范围，这意味着我们可以设置一个最小和最大范围。noUiSlider支持在75%填充要求下达到50。将“范围”选项设置为[0,67]。要澄清：100*50/75≈ 67noUiSlider不支持在75%填充要求下达到50。将“范围”选项设置为[0,67]。要澄清：100*50/75≈ 67