PDA

View Full Version : Ext.ux.SliderWithBars: Slider with progress bars inside



stnguyen
2 Apr 2012, 8:45 PM
This is a Sencha Touch 2 component, extending Ext.slider.Slider with the abilility to put customizable progress bars inside.

http://stnguyen.com/demo/sencha-touch/Ext.ux.SliderWithBars/slider-with-bars.png

Demo
(http://stnguyen.com/demo/sencha-touch/Ext.ux.SliderWithBars/)
Project on Github (https://github.com/stnguyen/Ext.ux.SliderWithBars)

mitchellsimoens
3 Apr 2012, 6:56 AM
I'm not really understanding what the barValue config and the different color portions are for. Is that for the progress?

stnguyen
3 Apr 2012, 7:11 AM
I'm not really understanding what the barValue config and the different color portions are for. Is that for the progress?

Yes it is. I needed a slider with 2 bars inside for a music player app (one bar showing song downloading progress, one to follow the thumb as the song plays), so I made this.
Hope it can help someone :)

PhilMerrell
2 May 2012, 8:47 AM
Perfect.... Can't wait to try this out. I thought I was going to have make it. You beat me to it.