Jump to content
Choutz

javascript progress bar + html

Recommended Posts

Choutz

Boa tarde, eu queria criar uma progress bar de 0/30.

O código que ai mostro funciona perfeitamente, aumenta sempre que meto alguns itens e tal, mas em vez do numero queria por numa progress bar o que está dificil , tentei várias opções e não consegui também fui sempre pelas mais "simples".

Exemplo da barra, eu queria que ele mostra-se está contagem.

<div class="progress">
<div class="progress-bar" role="progressbar" aria-valuenow="70"
aria-valuemin="0" aria-valuemax="100" style="width:70%">
<span class="sr-only">70% Complete</span>
</div>
</div>

Queria que mostra-se os 0/30, neste caso é o codigo

Items: <span id="pot-items"></span>

Código completo:

<div class="col-sm-8">
<div class="bg" style="padding: 5px;">
 <div id="pot-items-price" style="display: none;">
 Items: <span id="pot-items"></span>/30| Total Pot Price: <span id="pot-price"></span>
 <br>
 You have deposited <span id="items-deposited-count">0</span> items worth <span id="items-deposited-price">$0.00</span> for a <span id="items-deposited-chance">0</span>% chance.
 </div>
 <div id="pot">loading…</div>
</div>
<br>
</div>

Já tentei várias vezes substituir e assim mas nada funciona .

Edited by Choutz

Share this post


Link to post
Share on other sites
HappyHippyHippo

qual o resultado (não pretendido) que te é apresentado com o código que apresentas aqui ?


IRC : sim, é algo que ainda existe >> #p@p

Share this post


Link to post
Share on other sites
saca-rolhas

O resultado não pretendido é que isto está na secção de Java e não Javascript


The worst part of censorship is ****

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

×
×
  • Create New...

Important Information

By using this site you accept our Terms of Use and Privacy Policy. We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.