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

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Restore formatting

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.


×
×
  • 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.