jquery Pobieranie aktualnej warości progress bara bootstrap'a Opcje

[michau85]

Hej.
Chciałbym po każdym kliknięciu przcisku zwiększać aktualną wartość progress bara o 10 %. Problem w tym że nie wiem jak pobrać jego aktualną wartość przy takim układzie:

[HTML] pobierz, plaintext 
 
<div class="progress">
  <div id="prog" class="progress-bar" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 60%;">
    <span>60% Complete</span>
  </div>
</div>
 
[HTML] pobierz, plaintext 

Chciałem wykorzystać $('#prog').css('width'), ale pobierana jest wartość 800 px, czyli chyba jakaś wartość zdefiniowana w zewnętzrnym arkuszu CSS. Nie wiem jak pobrać width ze stylu akapitowego tzn width: 60%. Proszę o pomoc

[AdIoS_Neo]

Cześć,

jQuery podaje Ci aktualną szerokość danego elementu w pikselach - czyli 60% szerokości elementu .progress wynosi 800px. Jeżeli chcesz pobrać wartość stylu z atrybutu "style" elementu to służy do tego obiekt "style" danego elementu. Przykład:

[JAVASCRIPT] pobierz, plaintext 
$('#prog')[0].style.width
[JAVASCRIPT] pobierz, plaintext 

lub w czystym JSie

[JAVASCRIPT] pobierz, plaintext 
document.getElementById('prog').style.width
[JAVASCRIPT] pobierz, plaintext 

[k_@_m_i_l]

Równie dobrze możesz odczytywać wartość z atrybutu aria-valuenow i na jej podstawie określać nowy progress.
Demo: http://jsfiddle.net/gpszy07L/