<form>
<p>Введите длину в сантиметрах: <input type="text" onKeyUp="document.getElementById('res').innerHTML=(this.value/2.54).toFixed(2)" name="cm" value="0" /></p>
<p>Длина в дюймах: <span id="res">0</span></p>
</form>
|
триви, то, что нужно. а есть какая-то замена тега <meter> для ФФ(метер работает только в Хроме и Опере(11.0).
|
триви, ошибка когда вводишь 1см выводит 0,39дюймов
|
Цитата:
Метер твой это элемент HTML 5! Если ты хочешь реализовать без его использования, используй другие средства, простую таблицу наконец! |
<style type="text/css">
.progress_bar {
position: relative;
width: 100px;
height: 20px;
border: 1px solid #000;
}
#percent {
position: absolute;
left: 0;
top: 0;
color: red;
}
#progress {
position: absolute;
left: 0;
top: 0;
width: 0;
height: 20px;
background-color: #00f;
}
</style>
<div class="progress_bar">
<div id="progress"></div>
<div id="percent">0%</div>
</div>
<button onclick="start();">Start</button>
<script type="text/javascript">
function start( at ) {
at = ++at || 0;
var progress = document.getElementById('progress');
var percent = document.getElementById('percent');
progress.style.width = at + "px";
percent.innerHTML = at + "%";
if ( at < 100 ) {
setTimeout( function() {
start( at );
}, 100 );
}
}
</script>
|
Цитата:
|
ой всё правильно)))
|
devote, то что нужно, а как сделать чтоб когда дошло 100% внизу появилось загружено?
|
<style type="text/css">
.progress_bar {
position: relative;
width: 100px;
height: 20px;
border: 1px solid #000;
}
#percent {
position: absolute;
left: 0;
top: 0;
color: red;
}
#progress {
position: absolute;
left: 0;
top: 0;
width: 0;
height: 20px;
background-color: #00f;
}
#loaded {
display: none;
}
</style>
<div class="progress_bar">
<div id="progress"></div>
<div id="percent">0%</div>
</div>
<div id="loaded">Loaded</div>
<button onclick="start();">Start</button>
<script type="text/javascript">
function start( at ) {
at = ++at || 0;
var progress = document.getElementById('progress');
var percent = document.getElementById('percent');
progress.style.width = at + "px";
percent.innerHTML = at + "%";
if ( at < 100 ) {
setTimeout( function() {
start( at );
}, 100 );
} else {
document.getElementById('loaded').style.display = 'block';
}
}
</script>
|
Цитата:
if ( at == 100 ) {
document.getElementById('res').innerHTML="Загружено."
}
Под прогрессбаром помещаешь: <span id="res"></span> |
| Часовой пояс GMT +3, время: 18:03. |