есть код, но работает только в одном браузере 2

[Триви]

<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дюймов

[Триви]

триви, то, что нужно. а есть какая-то замена тега <meter> для ФФ(метер работает только в Хроме и Опере(11.0).

Ты путаешь Божий дар с яишницей.
Метер твой это элемент HTML 5!
Если ты хочешь реализовать без его использования,
используй другие средства, простую таблицу наконец!

[devote]

<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>

[Триви]

триви, ошибка когда вводишь 1см выводит 0,39дюймов

а должно сколько?

[Александр х@к]

ой всё правильно)))

[Александр х@к]

devote, то что нужно, а как сделать чтоб когда дошло 100% внизу появилось загружено?

[devote]

<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>

[Триви]

devote, то что нужно, а как сделать чтоб когда дошло 100% внизу появилось загружено?

if ( at == 100 ) {
    document.getElementById('res').innerHTML="Загружено."
}

Под прогрессбаром помещаешь:
<span id="res"></span>