In a recent project, a percentage bar was needed to show what percentage of the work had been completed. As a result, I came up with a simple way by using the
The overall concept is easy: First use a
<span> tag to wrap around the
<hr>. Then, by setting the
<span> tag border style, the border of the bar can be modified. Also, by changing the height of
<hr>, the bar height can be adjusted.
Here is the code actually used in this project:
border-bottom: thin solid gray;
<span ><hr width=80% id = "process" name = "process" align=left></span>
<input name=input type=text />
<a onclick="change(document.all.input.value)">% SET</a>
If anyone knows a different way to do this, please contact me or leave a message here. Thank you all.