.mgft-progressbar {
    display: block;
    width: 100%;
    text-align: center;
    background: rgb(76, 76, 76); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(76, 76, 76, 1) 0%, rgba(89, 89, 89, 1) 12%, rgba(102, 102, 102, 1) 25%, rgba(71, 71, 71, 1) 39%, rgba(44, 44, 44, 1) 50%, rgba(0, 0, 0, 1) 51%, rgba(17, 17, 17, 1) 60%, rgba(43, 43, 43, 1) 76%, rgba(28, 28, 28, 1) 91%, rgba(19, 19, 19, 1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(76, 76, 76, 1)), color-stop(12%, rgba(89, 89, 89, 1)), color-stop(25%, rgba(102, 102, 102, 1)), color-stop(39%, rgba(71, 71, 71, 1)), color-stop(50%, rgba(44, 44, 44, 1)), color-stop(51%, rgba(0, 0, 0, 1)), color-stop(60%, rgba(17, 17, 17, 1)), color-stop(76%, rgba(43, 43, 43, 1)), color-stop(91%, rgba(28, 28, 28, 1)), color-stop(100%, rgba(19, 19, 19, 1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(76, 76, 76, 1) 0%, rgba(89, 89, 89, 1) 12%, rgba(102, 102, 102, 1) 25%, rgba(71, 71, 71, 1) 39%, rgba(44, 44, 44, 1) 50%, rgba(0, 0, 0, 1) 51%, rgba(17, 17, 17, 1) 60%, rgba(43, 43, 43, 1) 76%, rgba(28, 28, 28, 1) 91%, rgba(19, 19, 19, 1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(76, 76, 76, 1) 0%, rgba(89, 89, 89, 1) 12%, rgba(102, 102, 102, 1) 25%, rgba(71, 71, 71, 1) 39%, rgba(44, 44, 44, 1) 50%, rgba(0, 0, 0, 1) 51%, rgba(17, 17, 17, 1) 60%, rgba(43, 43, 43, 1) 76%, rgba(28, 28, 28, 1) 91%, rgba(19, 19, 19, 1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(76, 76, 76, 1) 0%, rgba(89, 89, 89, 1) 12%, rgba(102, 102, 102, 1) 25%, rgba(71, 71, 71, 1) 39%, rgba(44, 44, 44, 1) 50%, rgba(0, 0, 0, 1) 51%, rgba(17, 17, 17, 1) 60%, rgba(43, 43, 43, 1) 76%, rgba(28, 28, 28, 1) 91%, rgba(19, 19, 19, 1) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(76, 76, 76, 1) 0%, rgba(89, 89, 89, 1) 12%, rgba(102, 102, 102, 1) 25%, rgba(71, 71, 71, 1) 39%, rgba(44, 44, 44, 1) 50%, rgba(0, 0, 0, 1) 51%, rgba(17, 17, 17, 1) 60%, rgba(43, 43, 43, 1) 76%, rgba(28, 28, 28, 1) 91%, rgba(19, 19, 19, 1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#4c4c4c', endColorstr = '#131313', GradientType = 0); /* IE6-9 */
}

.mgft-progressbar.hidevalue {
    text-indent: -9000em;
}

.mgft-progressbar span {
    display: block;

    background-color: rgb(242, 246, 248); /* Old browsers */
    background-image: -moz-linear-gradient(top, rgba(242, 246, 248, 0.5) 0%, rgba(216, 225, 231, 0.5) 50%, rgba(181, 198, 208, 0.5) 51%, rgba(224, 239, 249, 0.5) 100%); /* FF3.6+ */
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(242, 246, 248, 0.5)), color-stop(50%, rgba(216, 225, 231, 0.5)), color-stop(51%, rgba(181, 198, 208, 0.5)), color-stop(100%, rgba(224, 239, 249, 0.5))); /* Chrome,Safari4+ */
    background-image: -webkit-linear-gradient(top, rgba(242, 246, 248, 0.5) 0%, rgba(216, 225, 231, 0.5) 50%, rgba(181, 198, 208, 0.5) 51%, rgba(224, 239, 249, 0.5) 100%); /* Chrome10+,Safari5.1+ */
    background-image: -o-linear-gradient(top, rgba(242, 246, 248, 0.5) 0%, rgba(216, 225, 231, 0.5) 50%, rgba(181, 198, 208, 0.5) 51%, rgba(224, 239, 249, 0.5) 100%); /* Opera 11.10+ */
    background-image: -ms-linear-gradient(top, rgba(242, 246, 248, 0.5) 0%, rgba(216, 225, 231, 0.5) 50%, rgba(181, 198, 208, 0.5) 51%, rgba(224, 239, 249, 0.5) 100%); /* IE10+ */
    background-image: linear-gradient(to bottom, rgba(242, 246, 248, 0.5) 0%, rgba(216, 225, 231, 0.5) 50%, rgba(181, 198, 208, 0.5) 51%, rgba(224, 239, 249, 0.5) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#80f2f6f8', endColorstr = '#80e0eff9', GradientType = 0); /* IE6-9 */

}