自定义进度条

Question

我希望使用extjs进度在规模上显示用户状态。

我想在条形图上显示用户的进度，并在条形图上显示一条垂直线，这表示用户在值之前或之后的时间。

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

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

是否可以使用extjs进度条？

谢谢

Answer 1

下面是我对ExtJS4的想法。

联署材料：

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