Jquery ui FineUploader4和如何使用jQueryUI设置进度条主题

我想知道使用jQueryUI进度条和FineUploader的推荐方法是什么

在我的模板中，我有以下div：

           <div class="qq-progress-bar-container-selector">
              <div class="qq-progress-bar-selector tu-progress-bar"></div>
           </div>

虽然创建了进度条，但进度条的宽度将更改，而不是进度条中的值。内部div的宽度是Fine Uploader或以其他方式定期更新的内容

所以在我开始破解之前，我想知道是否有更好的方法

---

谢谢。

如果您希望Fine Uploader为您更新进度条，则需要为其提供一个元素。正如您提到的，FineUploader会随着文件上载的进行调整此元素的宽度。如果您想使用jQueryUIProgressBar小部件，您需要提供一个“进度”事件处理程序，并通过小部件的API适当地更新进度条。您可以在文档中阅读有关进度事件的更多信息，例如在上或上。

我可以通过JQuery UI选择器跳过实际指定进度条来完成使用JQuery UI进度条的操作，而是手动嵌入JQuery UI添加到div中的相同类。然后，我将qq进度条选择器添加到传统jQueryUI进度条的“内部”div中

因此，最终，Fine Uploader默认进度条模板div所需的唯一更改是：

           <div class="qq-progress-bar-container-selector">
              <div class="tu-progress-bar ui-progressbar ui-widget ui-widget-content ui-corner-all" role="progressbar" aria-valuemin="0" aria-valuemax="100" aria-valuenow="0" style="width: 300px;">
                 <div class="qq-progress-bar-selector ui-progressbar-value ui-widget-header ui-corner-left" style="width: 0%;"></div>
              </div>
           </div>

---

如果有人能想出任何理由，认为这样做会造成不良后果，或在其他情况下造成灾难性后果，我非常想知道。

谢谢Ray的回答。尽管我在上面给出了答案，但最终我可能会尝试使用ASP.NET进度条控件，我认为这只能通过在答案中详细描述进度事件来实现。如果您想使用带有jQuery UI小部件的Fine Uploader（例如，除进度条外的按钮和列表），这公平吗因此，它无缝集成到jQuery UI应用程序中，有大量的集成工作需要完成？啊，所以您只是简单地使用jQuery UI为进度条提供的CSS，而不是使用小部件。我似乎可以接受。

           <div class="qq-progress-bar-container-selector">
              <div class="tu-progress-bar ui-progressbar ui-widget ui-widget-content ui-corner-all" role="progressbar" aria-valuemin="0" aria-valuemax="100" aria-valuenow="0" style="width: 300px;">
                 <div class="qq-progress-bar-selector ui-progressbar-value ui-widget-header ui-corner-left" style="width: 0%;"></div>
              </div>
           </div>