codingtcher.com
Theme Night
Home
Login

How to create a progress bar in different colors

Css Code
<style> 
.Progressbar {
  color:white;
  background-image: linear-gradient(to right, #50B432 0%, #50B432 1%, #ED561B 1%, #ED561B 20%, #058DC7 20%, #058DC7 80%, #94CFF7 80%, #94CFF7 100%);
  border-radius: 4px;
  -webkit-box-shadow: 0 8px 6px -6px black;
	   -moz-box-shadow: 0 8px 6px -6px black;
	        box-shadow: 0 8px 6px -6px black;
  text-align: center;
}
</style>

<div class="Progressbar">100%</div>

Related Code