progress bar

by santhosh lanka

HTML

<progress class="progress" max="100" value="35"></progress>

CSS

.progress {
  height: 30px;
  border-radius: 30px;
  width:100%;
}
progress[value]::-webkit-progress-bar {
  background-color: #ededed;
  border-radius: 40px;
}

progress[value]::-webkit-progress-value {
  border-radius: 40px;
  background-color:lightblue;
}