00% 0%;}

	.container {position: relative;}
	.container span {position: absolute; font: smaller monospace; text-align: center; margin-left: -2em;}
	#d1 span {margin-left: 0;}
	#d2 span {left: 33%;}
	#d3 span {left: 50%;}
	#d4 span {left: 67%;}
	#d5 span {right: 0; width: 5em;}
</style>
 </head>
 <body>

	<div class="container" id="d1">
		<span class="label">0% 0%</span>
		<div class="ruler"></div>
	</div>
	<div class="container" id="d2">
		<span class="label">33% 0%</span>
		<div class="ruler"></div>
	</div