ExtJSのカスタムプログレスバー

Question

は、私は、これはユーザーが値

前か後で天候を示すユーザバーにプログレスバー上の縦線を表示したい

を進めます

はより良く理解するために以下の図を参照してください

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

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