filelist/qml/symbian/CustomProgressBar.qml

/**
 * Copyright (c) 2011 Nokia Corporation.
 */

import QtQuick 1.1
import "SymbianUIConstants.js" as Constants

Item {
    id: progressBar

    property int maxValue: 100 // Default maximum value
    property int currentValue: 0

    height: Constants.PROGRESSBAR_HEIGHT

    // The background rectangle of the progress bar
    Rectangle {
        height: Constants.PROGRESSBAR_BASE_HEIGHT

        anchors {
            left: parent.left
            right: parent.right
            verticalCenter: parent.verticalCenter
        }

        gradient: Gradient {
            GradientStop { position: 0.0; color: "transparent" }
            GradientStop { position: 0.5; color: "gray" }
            GradientStop { position: 1.0; color: "transparent" }
        }
    }

    // The actual progressing bar
    Rectangle {
        width: {
            if (currentValue <= maxValue) {
                return parent.width * (currentValue / maxValue)
            }

            return parent.width
        }
        height: Constants.PROGRESSBAR_HEIGHT

        anchors {
            left: parent.left
            verticalCenter: parent.verticalCenter
        }

        gradient: Gradient {
            GradientStop { position: 0.0; color: "transparent" }
            GradientStop { position: 0.5; color: "white" }
            GradientStop { position: 1.0; color: "transparent" }
        }

        Behavior on width { SmoothedAnimation { } }
    }
}