extjs自定义进度条

我想使用extjs progress显示用户的状态

我想在条上显示用户进度，并在条上显示一条垂直线，这表示用户是在该值之前还是之后

请参见下图以更好地理解

-----------------|-----------

是否可以使用extjs进度条

---

谢谢

下面是我对ExtJS4的想法

JS:

CSS:

---

下面是我对ExtJS4的想法

JS:

CSS:

---

或者帮助我如何使用jquery或其他javascript框架，您可以组合示例中的两个相同的ProgressBar:

http://dev.sencha.com/deploy/ext-4.0.0/examples/simple-widgets/progress-bar.html

但这不是完美的解决方案。或者帮助我如何使用jquery或其他javascript框架，您可以组合两个相同的进度条示例：

http://dev.sencha.com/deploy/ext-4.0.0/examples/simple-widgets/progress-bar.html

但这不是完美的解决方案。

Ext.create('Ext.ProgressBar', {
    renderTo: 'basic-slider',
    width: 214,
    value: 0.1
});
Ext.create('Ext.slider.Single', {
    cls: 'no-bg',
    renderTo: 'basic-slider',
    width: 214,
    minValue: 0,
    hideLabel: true,
    useTips: false,
    maxValue: 100,
    margin: '-19px 0 0 0', // render on progress bar
    value: 50
});

.no-bg .x-slider-horz, .no-bg .x-slider-horz .x-slider-end, .no-bg .x-slider-horz .x-slider-inner {
    background-image: none !important; /* remove bg from slider */
}