Progress Bar with HTML and CSS

Question

I want to create a progress bar like in the below image:

I have no idea about

Answer 1

Same as @RoToRa's answer, with a some slight adjustments (correct colors and dimensions):

body {
  background-color: #636363;
  padding: 1em;
}

#progressbar {
  background-color: #20201F;
  border-radius: 20px; /* (heightOfInnerDiv / 2) + padding */
  padding: 4px;
}

#progressbar>div {
  background-color: #F7901E;
  width: 48%;
  /* Adjust with JavaScript */
  height: 16px;
  border-radius: 10px;
}

Here's the fiddle: jsFiddle

And here's what it looks like: