function GetProgressBar(min, max, value, cssClass, id)
{
    if (min > max)
    {
        var tmp = min;
        min = max;
        max = tmp;
    }
    
    if (value < min)
        value = min;
    else if (value > max)
        value = max;

    var percent = (value - min) / (max - min) * 100;

    var str = "";
    str += "<table class=\"" + cssClass + "\" id=\""+ id + "\" >\n";
    str += "<tr>\n";
    if (value != min)
        str += "<td class=\"start\" style=\"width: " + percent + "%;\">&nbsp;</td>";
    if (value != max)
        str += "<td class=\"end\" style=\"width: " + (100 - percent) + "%;\">&nbsp;</td>";
    str += "</tr>\n";
    str += "</table>\n";
    
    return str;
}

function DrawProgressBar(containerName, min, max, value, cssClass, id)
{
    var container = document.getElementById(containerName);
    if (container == null)
        return ;

    container.innerHTML = GetProgressBar(min, max, value, cssClass, id);
}

if(typeof(Sys)!=='undefined')Sys.Application.notifyScriptLoaded();