Edit in JSFiddle

<table>
	<tr>
		<td>Font scale</td>
		<td>
			<d-progress-bar style="font-size: 0.5em" message="0.5em" value="60" max="100"></d-progress-bar>
			<d-progress-bar style="font-size: 1.0em" message="1.0em" value="70" max="100"></d-progress-bar>
			<d-progress-bar style="font-size: 1.5em" message="1.5em" value="80" max="100"></d-progress-bar>
		</td>
	</tr>
</table>

.d-progress-bar {
    width: 200px;
    display: block;
}

table td {
    text-align: right;
    vertical-align: top;
}

table th {
    text-align: left;
}

require.config({
    baseUrl: "http://ibm-js.github.io/libraries/master",     
});

require(["deliteful-build/layer"], function () {
    require([
        "deliteful/ProgressBar"
    ], function (){
        document.body.style.visibility = "visible";
    });
});