在Thumb和UISlider进度之间添加视图

如何解决在Thumb和UISlider进度之间添加视图

我希望洋红色视图位于进度栏的前面，但在拇指图像的后面

这是代码：

function showSearch(e) {
    e.preventDefault;
    if (
        e.target.classList.contains("show-btn") ||
        e.target.classList.contains("fas")
    ) {
        const searchBar = document.querySelector("#search");
        searchBar.classList.add("show");
    }
}

洋红色继续留在后面。 有想法吗？

我知道我可以创建一个自定义组件，但如果可能的话，我宁愿不这样做