сделать холст такой же ширины и высоты, как родитель

я хотел бы сделать прямоугольный холст для имитации прогресса бар но кажется, что когда я устанавливаю ширину и высоту холста на 100%, он на самом деле не делает его таким же высоким и широким, как родитель

, см. Пример ниже
http://jsfiddle.net/PQS3A /

Можно ли вообще сделать холст без квадрата? Я не хочу жестко задавать высоту и ширину холста, потому что они должны динамически изменяться при просмотре на большем или меньшем экране, включая мобильные устройства