Here is the CSS:

table.progress {
}

table.progress tr {
	border-color: #afafaf;
	border-style: dashed;
	border-width: 1px;
}

table.progress td.closed {
	background-color: #207929;
}

table.progress td.done {
	background-color: #27c534;
}

table.progress td.open {
	background-color: #6cff40;
}

Here is the HTML:

<table class="progress" style="width: 20em;" cellspacing="0">
	<tbody>
		<tr>
			<td class="closed" width="57%;"> </td>
			<td class="done" width="12%;"> </td>
			<td class="open" width="29%;"> </td>
		</tr>
	</tbody>
</table>