@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");

progressmeter > .progress-bar {
  -moz-appearance: none !important;
  background-image: -moz-linear-gradient(left, #f00, #f00) !important;
  background-image:      linear-gradient(to right, #f00, #f00) !important;
}

progressmeter[value^="1"]:not([value="1"]):not([value="100"]) > .progress-bar {
  background-image: -moz-linear-gradient(left, #f00, #f30) !important;
  background-image:      linear-gradient(to right, #f00, #f30) !important;
}

progressmeter[value^="2"]:not([value="2"]) > .progress-bar {
  background-image: -moz-linear-gradient(left, #f00, #f30, #f60) !important;
  background-image:      linear-gradient(to right, #f00, #f30, #f60) !important;
}

progressmeter[value^="3"]:not([value="3"]) > .progress-bar {
  background-image: -moz-linear-gradient(left, #f00, #f30, #f60, #f90) !important;
  background-image:      linear-gradient(to right, #f00, #f30, #f60, #f90) !important;
}

progressmeter[value^="4"]:not([value="4"]) > .progress-bar {
  background-image: -moz-linear-gradient(left, #f00, #f30, #f60, #f90, #fc0) !important;
  background-image:      linear-gradient(to right, #f00, #f30, #f60, #f90, #fc0) !important;
}

progressmeter[value^="5"]:not([value="5"]) > .progress-bar {
  background-image: -moz-linear-gradient(left, #f00, #f30, #f60, #f90, #fc0, #ff0) !important;
  background-image:      linear-gradient(to right, #f00, #f30, #f60, #f90, #fc0, #ff0) !important;
}

progressmeter[value^="6"]:not([value="6"]) > .progress-bar {
  background-image: -moz-linear-gradient(left, #f00, #f30, #f60, #f90, #fc0, #ff0, #cf0) !important;
  background-image:      linear-gradient(to right, #f00, #f30, #f60, #f90, #fc0, #ff0, #cf0) !important;
}

progressmeter[value^="7"]:not([value="7"]) > .progress-bar {
  background-image: -moz-linear-gradient(left, #f00, #f30, #f60, #f90, #fc0, #ff0, #cf0, #9f0) !important;
  background-image:      linear-gradient(to right, #f00, #f30, #f60, #f90, #fc0, #ff0, #cf0, #9f0) !important;
}

progressmeter[value^="8"]:not([value="8"]) > .progress-bar {
  background-image: -moz-linear-gradient(left, #f00, #f30, #f60, #f90, #fc0, #ff0, #cf0, #9f0, #6f0) !important;
  background-image:      linear-gradient(to right, #f00, #f30, #f60, #f90, #fc0, #ff0, #cf0, #9f0, #6f0) !important;
}

progressmeter[value^="9"]:not([value="9"]) > .progress-bar {
  background-image: -moz-linear-gradient(left, #f00, #f30, #f60, #f90, #fc0, #ff0, #cf0, #9f0, #6f0, #3f0) !important;
  background-image:      linear-gradient(to right, #f00, #f30, #f60, #f90, #fc0, #ff0, #cf0, #9f0, #6f0, #3f0) !important;
}

progressmeter[value="100"] > .progress-bar {
  background-image: -moz-linear-gradient(left, #f00, #f30, #f60, #f90, #fc0, #ff0, #cf0, #9f0, #6f0, #3f0, #0f0) !important;
  background-image:      linear-gradient(to right, #f00, #f30, #f60, #f90, #fc0, #ff0, #cf0, #9f0, #6f0, #3f0, #0f0) !important;
}