2011-06-01 15 views
6

पर ऊंचाई को बदलना संभव है मेरे पास एक HTML तालिका कक्ष में प्रगति पट्टी है। ऐसा लगता है कि तालिका कक्ष की चौड़ाई तक विस्तार होता है लेकिन मैं स्पष्ट रूप से प्रगति पट्टी की ऊंचाई निर्दिष्ट करना चाहता हूं।क्या jquery ui progressbar

क्या jQuery प्रगति पट्टी की ऊंचाई निर्दिष्ट करना संभव है?

$(this).progressbar({ 
     value: parseInt($(this).attr("rel")) 
    }); 

उत्तर

12

बेशक यह है। यहां तक ​​कि resizable progress bar demo भी है।

आपके लिए बहुत पसंद है? बस .height() का उपयोग करें:

$('#progressbar').height(400); 

डेमो: http://jsfiddle.net/mattball/N5AVv/

+1

मैं अपने उपयोगकर्ताओं को आकार बदलने के लिए नहीं करना चाहते हैं के लिए काम करता है का उपयोग कर सकते हैं। मैं प्रोग्राम की ऊंचाई को विशिष्ट बनाना चाहता हूं। मुझे यह विकल्प नहीं दिख रहा है – leora

+0

तो बस ऊंचाई का उपयोग करें - यह प्रोग्रामेटिक विकल्प – Dann

+0

मेरे लिए काम नहीं कर रहा है। Jsfiddle डेमो खाली परिणाम देता है। मेरे वेबपेज पर भी प्रगति दाएं नीचे –

1

आप jQuery यूआई सीएसएस फ़ाइल को संपादित करने की आवश्यकता होगी। यह नीचे (~ लाइन 564) की तरह

jquery-ui-1.8.17.custom.css 

स्क्रॉल कुछ ऐसा दिखाई देगा और अपने निम्नलिखित सीएसएस गुण देखेंगे:

.ui-progressbar (...); 

परिवर्तन ऊँचाई जो चाहो को महत्व देते हैं, फ़ाइल को सहेजने और इसे अपने सर्वर पर अपलोड करें। अपने ब्राउज़र को रीफ्रेश करें और आपके पास अपनी अनुकूलित प्रगति पट्टी है।

2

आप भी इस समारोह है जो सभी सीएसएस attribures

$("#progressbar").css("maxWidth", "200%");