Barra html 5 com progresso direita para esquerdo mozilla

[Retur 1]

Estou usando uma barra de progresso HTML 5,gostaria de deixar o progresso da direita para esquerda,o código abaixo só está funcionando no google chrome,no mozilla firefox ele só funciona da direita para a esquerda,sendo que desejo que em ambos navegadores ele funcione da direita para esquerda.

 

#barra{      background:#CCCCCC;    width:160px;    height:20px;    border:0;}   #barra::-webkit-progress-bar{      background:#666;}   #barra::-webkit-progress-value{      background:#960;    float:right;} #barra::-moz-progress-bar {     background:#960;
}
 #barra::-moz-progress-value{     float:right;
}

[Electronic 124]

Da pra fazer assim

no seletor da sua barra

transform: rotate(180deg);

[Retur 1]

Não deu certo não cara,esse problema só ocorre no firefox,agora eu não sei se é pelo fato de essa função do HTM5 não funcionar direito no firefox e talzs,mais se tiver outra ideia aceito sim,esqueci de colocar a função do HTML 5 que estou usando,segue abaixo.

 

<progress id="barra" max="" value=""></progress>

[Electronic 124]

Como assim nao funciona?

você deve ter feito errado

 

veja aki funcionado e com firefox

http://jsfiddle.net/kfre40hn/2/

[Retur 1]

Sim,você tem razão,tinha algo errado mesmo,por isso não estava dando certo,está funcionando certinho agora,muito obrigado :)