.mgft-progressbar {
  display: block;
  width: 100%;
  text-align: center;
  /* Old browsers */
  background: rgb(76, 76, 76);
  /* FF3.6+ */
  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%);
  /* Chrome,Safari4+ */
  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)));
  /* Chrome10+,Safari5.1+ */
  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%);
  /* Opera 11.10+ */
  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%);
  /* IE10+ */
  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%);
  /* W3C */
  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%);
  /* IE6-9 */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#4c4c4c', endColorstr = '#131313', GradientType = 0);

  &.hidevalue {
    text-indent: -9000em;
  }

  span {
    display: block;
    /* Old browsers */
    background-color: rgb(242, 246, 248);
    /* FF3.6+ */
    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%);
    /* Chrome,Safari4+ */
    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)));
    /* Chrome10+,Safari5.1+ */
    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%);
    /* Opera 11.10+ */
    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%);
    /* IE10+ */
    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%);
    /* W3C */
    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%);
    /* IE6-9 */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#80f2f6f8', endColorstr = '#80e0eff9', GradientType = 0);

  }
}