Jquery ui 如何格式化jQuery UI进度条

我使用的是默认设置，但似乎无法解决以下问题：

首先，我把它嵌套在一个AP div标记中，这样它就可以与我页面上的某个区域完美匹配，这很好，但问题是百分比覆盖有点短，因为它没有覆盖条的整个区域，它没有到达底部边界

---

第二（不是什么问题，只是好奇）我该如何更改进度条的颜色？

问题出在您的

default.css文件中：

*,
*:after,
*:before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    z-index:3;
}

框大小调整
适用于progressbar值，因此将其修复为添加到CSS：

.ui-progressbar-value {
        -webkit-box-sizing: content-box;
        -moz-box-sizing: content-box;
        box-sizing: content-box;

        /* This way you can change the progress color */
        background-color: #000000 !important; 
}

对于页面或进度条，您有问题吗？我在我的初始帖子中提供了示例。。。进度条默认功能的源代码与我的代码完全相同，只是我将jquery-ui.css文件设置为本地。这就是我的那一页