How do i calculate the percentage?

JavaScript
1

Hi, I would like to ask some help on calculating the progress bar percentage,. I never done this before and I have no idea how to accomplish this…I like to create progressbar using the bootstrap progress bar my only problem is that I don’t know how to calculate the percentage if i am requesting data via ajax…and it will stop to 100% if the data is finished loaded.can you help me on this please.

Thank you in advance.

2

let me rephrase ,I have data requested to the server via ajax and I have something to do with the data being requested from the server…I want to show progressbar to represent what is happening in the background,if the data is done processing in the background the progressbar will stop to 100%…is there a formula on this to show something like this , 1%,2%,3% …etc…until it reached to 100%?

Thank you in advance.

3

Hi I found this one solution http://stackoverflow.com/questions/3651608/how-to-code-a-progress-bar

it says that

The formula to calculate the size of your progress-bar is very basic: $download_size / $download_progress * $max_progressbar_width. You just need to make sure that both download sizes use the same units to get a correct proportion.

so if the length of the data which is being returned from the server is 97 and the width of my progessbar div is 400px;,but i am confuse with the

$download_progress

97/ ? * 400 // I don’t know what values should i replace in the question mark.

And the progressbar did not animate…


var progress = setInterval(function() {
    var x=10;
    var $bar = $('.bar');
    
    if ($bar.width()==400) {
        clearInterval(progress);
        $('.progress').removeClass('active');
    } else {
        $bar.width(97/ $bar.width() * 400);
    }
    $bar.text($bar.width() + "%");
   
}, 800);





<div class="container">
    <div class="progress progress-striped active">
        <div class="bar" style="width: 0%;"></div>
    </div>
</div>

Can you help me please

Thank you in advance.

4

I see you tagged me but JS isn’t really my area and ajax is above my head .:slight_smile:

I guess you need something to work out the progress like this plugin.

Hopefully one of the JS experts will reply when they are around.

5

Hi Paul,

It’s okay…Thank you for this link i will try this. :slight_smile:

6

Hi jemz,

Did you get this working?
Did I understand you correctly that you want a progress bar that displays the progress of retrieving data from a remote server?

7

Hi Pullo,

The data is already finished loaded,and I have something to do with the data,… I have function to convert the data and i want to show progressbar while my function are still processing converting the data…just like when you install software in your p.c there is a progressbar shows percentage…is this possible?

Thank you in advance.

8

Hi jemz,

I’m not sure. What exactly are you doing to the data?
Could you provide some code?

9

Hi pullo,

This is the data that i am converting…and i want to put progressbar while it still processing.

http://www.sitepoint.com/forums/showthread.php?1206051-problem-in-my-function-need-help&highlight=

Thank you in advance.

10

Do you have that code form somewhere or did you write it yourself?

Also, could you provide some sample data that you are trying to reverse geocode?

11

Hey jemz,

I downloaded the code from the link you sent me, but I’m not sure what I’m looking at.
Your original question was how to display a progress bar when you were reverse-gecoding addresses.
I couldn’t pinpoint this code within the files I downloaded and I don’t want to have to go sifting through your numerous includes.

What I am really after is a short, concise example of the problem you are having.
This is also known as a SSCE (Short, Self Contained, Correct (Compilable), Example):

Short (Small) - Minimise bandwidth for the example, do not bore the audience.
Self Contained - Ensure everything is included, ready to go.
Correct - Copy, paste, (compile,) see is the aim.
Example - Displays the problem we are trying to solve.

If you want to send me the code (instead of post it here), that is fine.