Jquery progressbar which shows % while PHP script getting execute

Question

I'm new in jquery. I've two PHP scripts. first script accepts user input using form and when click on submit button then second script process user input by calling multiple API's.

Which take time to call API and get response. So i want to show progress bar with percentage till script getting process. So user knows that process is going on and wait till page get load.

Would anyone please help me to fix this. Thanks in advance.

Atleast share some of your code, no one is going to code for you, test it for free here, questions are asked to resolve doubts not to feed you. — Adern Nerk
– Adern Nerk, Commented Feb 3, 2018 at 4:32
You'll have to calculate progress in your PHP function somehow so the progress bar can be updated. Can you show an example of your PHP functions? — JoshG
– JoshG, Commented Feb 3, 2018 at 4:33

Ramesh Kithsiri HettiArachchi · Accepted Answer · 2018-02-03 04:40:59Z

1

I don't think it is a good idea. Becoz jquery is slowing down your browser.

.progressbar{
width:100%;
height:4px;
background:blue;
}
.progressbar-loaded{
height:4px;
background:red;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="progressbar"><div class="progressbar-loaded"></div></div>

<!-- your php codes going -->

end of my first php code<br>

<script type="text/JavaScript">
  $('.progressbar-loaded').css({width:'25%'});
</script>

<!-- your php codes going -->

end of my second php code<br>

<script type="text/JavaScript">
  $('.progressbar-loaded').css({width:'50%'});
</script>

<!-- your php codes going -->

end of my third php code<br>

<script type="text/JavaScript">
  $('.progressbar-loaded').css({width:'75%'});
</script>

<!-- your php codes going -->

end of my fourth php code<br>

<script type="text/JavaScript">
  $('.progressbar-loaded').css({width:'100%'});
</script>

this is the main process of progressbars

answered Feb 3, 2018 at 4:40

Ramesh Kithsiri HettiArachchi

1,54014 silver badges36 bronze badges

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

2 Comments

Rajesh Over a year ago

is there any way to calculate percentage dynamically. is the any way to know what time take my script to get fully execute in PHP? so i'll calculate % using it.

Ramesh Kithsiri HettiArachchi Over a year ago

@Rajesh I dont think it is possible.

Priya · Accepted Answer · 2018-02-03 04:32:44Z

0

You can use loader or bootstrap progress bar https://www.w3schools.com/bootstrap/bootstrap_progressbars.asp

answered Feb 3, 2018 at 4:32

Priya

1,47014 silver badges22 bronze badges

2 Comments

Rajesh Over a year ago

Thanks for your reply, I want to add it dynamically, how to add it and how to calculate percentage of execution

Priya Over a year ago

for that you can use js and css w3schools.com/howto/howto_js_progressbar.asp

Collectives™ on Stack Overflow

Jquery progressbar which shows % while PHP script getting execute

2 Answers 2

2 Comments

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related