Atlassian UI

<script type="text/javascript">
	AJS.$(function() {
    	AJS.$("#progressbar" ).progressbar({ max: 1024, value: 528 });
    	AJS.$("#progressbar" ).find( ".ui-progressbar-value" ).css({"background": '#3d6fae'});
	});
</script>


<div id="progressbar"></div>



<img src="[@cp.getStaticResourcePrefix /]/images/iconsv3/plan_successful_16.png" alt="Healthy" title="Healthy"/>
<img src="[@cp.getStaticResourcePrefix /]/images/iconsv3/plan_failed_16.png" alt="Unhealthy" title="Unhealthy" />

[@ui.messageBox type="warning"]

	Warning!
	[#--
    [@ww.text name="error.decorator.incorrect"]
        [@ww.param]plan[/@ww.param]
    [/@ww.text]
    --]
[/@ui.messageBox]