jquery - 使用 jquery 和 css 的特殊进度条

Question

我想创建一个进度条，它分为几个部分，如以下链接所示:Progress Bar Example

我有两个访问表:元素、阶段。我需要在上述进度条中显示每个元素的阶段。

任何人都可以帮助我创建/使用现有的这样一个构建并引用那些表的进度条。

我在这里已经问过同样的问题，但提供的答案对我来说是不可理解的

提前致谢

Answer 1

您显示的链接刚刚重新加载了页面。如果不重新加载页面会稍微复杂一些，但您所要做的就是使用如下规则:

(在第一页)

Projects { background-image: url('complete.gif'); }
Stages{ background-image: url('incomplete.gif'); }

(在第二页)

Projects { background-image: url('complete.gif'); }
Stages{ background-image: url('complete.gif'); }