how to create percentage bar

[neetu]

Hi

I am working on a website. I want to display a percentage bar such as
at naukri.com which increases the percentage as the user progresses to
the new web page. Please tell me how can i do it using javascript and
css.

Thanks
Neetu

 

[GArlington]

Hi

I am working on a website. I want to display a percentage bar such as
at naukri.com which increases the percentage as the user progresses to
the new web page. Please tell me how can i do it using javascript and
css.

Thanks
Neetu

var pageValueInPercent = (if the process goes over N pages, the value
should be 100/N);

I would use two images in one div and move one over the other
depending on above value and page sequence...

 

[rf]

Hi

I am working on a website. I want to display a percentage bar such as
at naukri.com which increases the percentage as the user progresses to
the new web page. Please tell me how can i do it using javascript and
css.

There is no 'progress' bar on the page you mention. In any case this is
impossible.

 

[SAM]

Le 9/16/09 9:41 AM, neetu a écrit :

Hi

I am working on a website. I want to display a percentage bar such as
at naukri.com which increases the percentage as the user progresses to
the new web page. Please tell me how can i do it using javascript and
css.

css:
====
#jauge { border: 3px inset #444; background: #ddd; width: 300px;
padding: 2px; position: relative; text-align: right}
#fuel { position: absolute; top:2px; left: 2px; display: block;
width: 0; background: lime; color: lime; }


JS:
===
// as I see no progress bar at naukri.com
// I don't know what about you're speaking

function progress(numValue) {
// numValue must be < 100 and >= 0
var p = document.getElementById('fuel');
p.style.width = numValue + '%';
}

html:
=====
<p id="jauge">
Navigation progress
<span id="fuel">.</span>
</p>

 

[neetu]

Le 9/16/09 9:41 AM, neetu a écrit :



css:
====
#jauge { border: 3px inset #444; background: #ddd; width: 300px;
          padding: 2px; position: relative; text-align: right}
#fuel { position: absolute; top:2px; left: 2px; display: block;
         width: 0; background: lime; color: lime; }

JS:
===
// as I see no progress bar at naukri.com
// I don't know what about you're speaking

function progress(numValue) {
// numValue must be < 100 and >= 0
var p = document.getElementById('fuel');
p.style.width = numValue + '%';

}

html:
=====
<p id="jauge">
  Navigation progress
  <span id="fuel">.</span>
</p>

I am taking about the percentage bar that shows "profile completeness"
of the user when user fills his info on naukri.com

 

[SAM]

Le 9/17/09 6:51 AM, neetu a écrit :

I am taking about the percentage bar that shows "profile completeness"
of the user when user fills his info on naukri.com

How do you expect I can find where user could fill an "info"
with all those long lists of links everywhere and all those
blinking/clinking advertisements ?

I saw no "profile" on that page.
Give more info about where an what can be this profile's form.
(and how to treat the fields)

Notice: I didn't accept the popup,
had enough garbage collection on the "normal" page

 

[rf]

Le 9/16/09 9:41 AM, neetu a écrit :

naukri.com

The validator reports 603 errors.