Dynamic increment bootstrap progress-bar in a php foreach loop?

Question

I generate about 150 invoices in a php foreach loop (with dompdf class). This takes about 40s for the page/rendering to finish so I'm wondering if I can I place a bootstrap progress-bar before the foreach loop starts and inside this php foreach loop the width of this progress-bar should be incremented.

Is this possible? With jquery?

<div id="foo" class="progress progress-striped active">
  <div class="progress-bar" style="width: 1%"></div>
</div>

Though the above answer is intriguing.What concerns me is this : programmers.stackexchange.com/questions/126671/… . Read the second answer on using javascript on php. — user3739937
– user3739937, Commented Jun 17, 2014 at 20:34

Orelsanpls · Accepted Answer · 2014-06-05 22:18:02Z

2

Here you have a good example about how to implement progress bar by PHP.

Here is the technique.

Create at least one div element with a certain width in your HTML document for displaying the progress bar.

Estimate the progress percentage in your PHP script. This number will be used to determine the progress bar's length.

"Echo" the Javascript for updating the content of div element above with a div that the width percentage is same as the calculated progress. Also give the div a different background color or background image so we can see it.

"Flush" it to the browser.

answered Jun 5, 2014 at 22:18

Orelsanpls

23.7k7 gold badges46 silver badges74 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Hermann Over a year ago

This works in a "naked" test site. But on the invoice generating php file the progressbar stays on 1% the whole time and when the invoice rendering (php foreach loop) is done the progress-bar switches to 100% immediately

Hermann Over a year ago

update I think it works now! I had $(function() { jscode } this didn't work. But when I only write the jscode in the foreach loop (without that $(function() beginning) it works!

Collectives™ on Stack Overflow

Dynamic increment bootstrap progress-bar in a php foreach loop?

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related