ExtJS的自定義進度欄

Question

我想用顯示在用戶規模狀態ExtJS的進步

我想展示欄上的酒吧和垂直線的用戶進度這表明天氣用戶之前或價值

後

看到下圖以更好地理解

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

是否可以用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 */ 
}