Css 引导程序

我正在我的一个工具上制作一个“进度”指示器，我希望能够通过蓝色药丸（正常颜色）来显示哪些步骤已经完成，然后未完成的步骤将显示为灰色（悬停）

基本上，我需要能够创建一个药丸，并有一个类，要么是.complete（蓝色）或.complete（灰色）。它们都不必具有悬停颜色

目前，第一颗药丸在这个默认列表中处于活动状态，而第二颗药丸我只是停留在上面。我希望其他3个步骤是灰色的，默认情况下，当它们有.uncomplete类时

我将如何实现这一点

.nav > li.incomplete > a {
    background-color: #eee;
}
.nav > li.complete > a {
    background-color: #428bca;
    color: white;
}

---

你能发布你的代码或创建一个应用程序吗？这是非常基本的，只使用默认值。通过上面的链接，只希望所有非活动的都是悬停时改变的颜色。这是基本的CSS。将样式从悬停状态应用到LESS文件或CSS覆盖文件中的默认状态，并保持愉快。将类移动到LI。是否可以将“禁用”类也包括在其中？例如，我希望它们是灰色的，但当您将鼠标悬停在它们上方时，它也会被禁用。我将li类更改为class=“complete disabled”，但当您将鼠标悬停在其上时，背景会变为白色。所有这些都是非常可能的。请阅读一些CSS的基础知识，而不仅仅是询问您需要的确切代码。