Disable Preloader

Welcome To Our Bclinico

  • Sign In | Sign Up

Mail Us

Email: Bclinico@email.com

Call Us

+98-9875-5968-54

Address

Four infity loop Av. 45635

Progress Bar

Progress Bar

Perspiciatis Unde Omnis Iste Sed ut perspiciatis unde omnis iste natu error sit voluptatem accusan.

Progress Bar:

PHOTOSHOP
INDESIGN
WEBDESIGN

<div class="progress-box wow" data-wow-delay="100ms" data-wow-duration="1500ms">
  <h5 class="box-title">PHOTOSHOP</h5>
  <div class="inner">
    <div class="bar">
      <div class="bar-innner"><div class="bar-fill bgc-thm" data-percent="80"><div class="percent"></div></div></div>
    </div>
  </div>
</div>

Bootstrap Progress Bar

Progress bars ( Basic example ):

60% Complete

Copy paste this code in your item it will works fine.


<div class="progress">
    <div class="progress-bar" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 60%;">
    	<span class="sr-only">60% Complete</span>
    </div>
</div>

40% Complete (success)
20% Complete
60% Complete (warning)
80% Complete (danger)

Progress bars ( Contextual alternatives ):


<div class="progress">
    <div class="progress-bar progress-bar-success" role="progressbar" aria-valuenow="40" aria-valuemin="0" aria-valuemax="100" style="width: 40%">
    	<span class="sr-only">40% Complete (success)</span>
    </div>
</div>
<div class="progress">
    <div class="progress-bar progress-bar-info" role="progressbar" aria-valuenow="20" aria-valuemin="0" aria-valuemax="100" style="width: 20%">
    	<span class="sr-only">20% Complete</span>
    </div>
</div>
<div class="progress">
    <div class="progress-bar progress-bar-warning" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 60%">
    	<span class="sr-only">60% Complete (warning)</span>
    </div>
</div>
<div class="progress">
    <div class="progress-bar progress-bar-danger" role="progressbar" aria-valuenow="80" aria-valuemin="0" aria-valuemax="100" style="width: 80%">
    	<span class="sr-only">80% Complete (danger)</span>
    </div>
</div>

Bclinico Copyright© UnlockDesign All right reserved.