Html 网站的水平进度条

我正在一个个人网站上工作，到目前为止，一切都进行得很顺利。我用基本的布局和诸如此类的东西来设置页面。现在我正努力让它看起来更专业。我一个月有多个周末参加锦标赛。是的，我说了碗，是的，我认为这是一项运动，我想做的是把一个时间表类型酒吧横跨顶端。单击本文中的链接可以找到示例问题是我找不到任何关于如何实现此功能的教程，因为我不知道此功能的名称。我尝试搜索的所有内容都显示了水平导航/滚动条。有谁能给我指一个教程或者给我一个在我的网站上得到类似的东西的起点吗

---

这实际上是一个滑块，一次显示15个滑块

-jQuery滑块

上面包含的滑块有许多选项，可以让您自定义其工作方式，例如

maxSlides—在给定时间显示的幻灯片总数，您将其设置为15 moveSlides-要移动的幻灯片数更改为1。 示例JS

$('.schedule').bxSlider({
   maxSlides: 15,
   minSlides: 15,       
   moveSlides: 1,
   autoStart: false
});

您的HTML，以及时间表和所有内容，按照您想要的样式，包含在一个列表中

<ul class="schedule">
    <li>January 15th - Match</li>
    <li>January 22nd - Match</li>
    <li>January 23rd - Match</li>
</ul>

---

等等。

您将使用什么服务器端语言？我知道javascript和c。我尝试的第一件事是使用桌子，但我无法让它看起来很专业。它看起来就像一张桌子。我也尝试过修改一个水平导航菜单，但是再一次，就是不能让它看起来像图片中的那样干净和专业。太棒了！非常感谢。我将开始调查这件事，我会让你知道它是怎么回事。看起来它完全符合我的要求！