How To Put A Label Side By A Progress Bar With Bootstrap?
I want these labels setted up like this: Java ---------Progress bar----------- C# ---------Progress bar----------- This is my current code:
Solution 1:
Simple add progress-label class to your paragraph tag with float and margin
.progress-label {
float: left;
margin-right: 1em;
}<linkhref="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"rel="stylesheet"/><divclass="container"><pclass="progress-label">
C#
</p><divclass="progress"id="prog1"><divclass="progress-bar progress-bar-info"role="progressbar"aria-valuenow="20"aria-valuemin="0"aria-valuemax="100"style="width: 40%"><spanclass="sr-only">20% Complete</span></div></div></div>
Post a Comment for "How To Put A Label Side By A Progress Bar With Bootstrap?"