Edit in JSFiddle

var checkbox = document.getElementById("checkbox");
checkbox.indeterminate = true;
progress:indeterminate {
  outline: 5px solid #e74c3c;
}

input:indeterminate + label { 
  background: #e74c3c;
}

progress,
input {
  margin: 10px 0;
}
<progress max="100"></progress>
<br/>
<input type="checkbox" id="checkbox">
<label for="checkbox">Checkbox option</label>
<br/>
<input type="radio" id="radio">
<label for="radio">Radio option</label>