Friday 22 June 2012

Progress Meter (or) Progress Bar

Generally in html design we have lot of flexibility by that we can do a trick in case of progress meter. Progress Meter is the basic need in lot of cases that's why we can implement it by HTML tag div.The below image demonstrates the output.

The above mentioned image is just done by the div with style.The code is


The div color looks like meter now. This width can be fix by the javascript and also by server side code.
By javascript it will be like this :

var DivProgress = document.getElementById(Innerdiv);
DivProgress.style.width = 100 + "px";

By the server side code it will be like this :

DivProgress.Style["width"] = "100px";

Note : The main advantage by this ProgressMeter is we wont get any browser issues. "div" tag will be supported in all the browsers that's why it will work in all the cases.

No comments:

Post a Comment