Progress not shown

[thebravoman]

I've tried with

<script id="template-upload" type="text/x-tmpl">
<div class="upload">
  {%=o.name%}
  <div class="progress progress-striped active"><div class="bar" style="width: 0%"></div></div>
</div>
</script>

and with

<div class="upload js-progress-bars">
				  <div class="progress">
				    <div class="bar"> </div>
				  </div>
				</div>

Doesn't matter. I both cases the progress is not shown.

Could you assist me?

[thebravoman]

Just a large white line shown for the whole 100%. But only that. Progress is not tacked.

[thebravoman]

It immediately gets to 100% with while the file is still uploaded and the with is updated.

I can see the file is uploaded from "Inspect" and see how the % is changed, but the progress looks all the same.

[thebravoman]

Having a class "bar" is not correct. The class should be named progress-bar for the progress to be visible but then the width is not changed.

[thebravoman]

I've added an ugly hack here with the progress bar having both progress-bar and bar classes for this to work.

<script id="template-upload" type="text/x-tmpl">
					<div class="upload">
					  {%=o.name%}
					  <div class="progress progress-striped active"><div class="bar progress-bar" style="width: 0%"></div></div>
					</div>
					</script>