extjs自定义进度条

Question

我想使用extjs progress

按比例显示用户状态

我希望在条形图上显示用户进度，在条形图上显示垂直线条，这表示用户在值之前或之后的天气

请参阅下图以便更好地理解

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

是否可以使用extjs进度条

由于

Answer 1

以下是我对ExtJS4的看法。

JS：

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
});

CSS：

.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 */
}