如何创建一个带有进度条的下拉列表？

Question

有没有人知道如何在下拉列表/选择列表中显示进度条？

对于进度条我正在使用jQuery的进度条： http://jqueryui.com/progressbar/

我已经尝试了搜索可用的插件，但它们只附加图像，如ddSlick http://designwithpc.com/Plugins/ddSlick 但这些插件只附加静态图像

我要做的是一个列出10个人的下拉列表，除了他们的名字之外，还应该有一个显示他们工作量的进度条

非常感谢！

编辑：添加html

                      <select class="taskAssignUser" name="taskAssignUser">
                         <option value="">Select Member</option>
                        <c:forEach items="${getMemberList}" var="v">
                        <option value="${v.userId}" ${v.userId == u.taskAssignUser? 'selected':'' }>${v.username}</option>
                        </c:forEach>
                      </select>

Answer 1

您不需要真正的进度条插件，因为图形中不会有实时更改。

您可以做的是预生成进度条图形（JPEG / PNG / ...）并显示每人适当的一个。你只需要生成20个不同的，每个占5％的进度块，除非你真的需要更高的粒度。

那么您可以将这些静态图像与ddSlick或您想要使用的图形下拉列表一起使用。