Про divы и валидность

Germany.ru → Форумы → Архив Досок→ Вебдизайн и хостинг

122 просмотров Перейти к просмотру всей ветки

27.11.05 00:22

Re: Про divы и валидность

scorpi_ скептик

в ответ Stiner_rd 26.11.05 09:21

Этот сайт почикал все плюсы, так что ещё раз подчищенный вариант:

<?xml version="1.1" encoding="iso-8859-1"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head><title>Test</title>
<style type="text/css">
#progress_bar {
	margin: auto;
	width: 400px;
	height: 20px;
	text-align: left;
}
#progress_bar[id] {
	border: 1px solid black;
}
#progress_bar_text {
	position: relative;
	text-align: center;
	font-weight: bolder;
	color: #C0C0C0;
	z-index: 3;
}
* html #progress_bar_text {
	border: 1px solid black;
}
#progress_bar_counter {
	position: relative;
	top: -20px;
	width: 130px;
	height: 20px;
	background-color: blue;
	z-index: 2;
}
</style>
<script language="JavaScript" type="text/javascript">
var delay_time = 40; // msecs
var count = 0;
function updateProgress()
{
	if ( count++ < 400 ) {
		document.getElementById( "progress_bar_text" ).innerHTML = Math.floor(count/4) + "%";
		document.getElementById( "progress_bar_counter" ).style.width = count + "px";
		setTimeout( "updateProgress()", delay_time ,0);
	}
}
</script>
</head>
<body onload="updateProgress()">
	<div style="text-align:center">
		<div id="progress_bar">
			<div id="progress_bar_text">0%</div>
			<div id="progress_bar_counter"></div>
		</div>
	</div>
</body>
</html>

Перейти на