Progress Bars

Size Options

Bootstrap 92%

 

CoffeeScript 68%

 

HTML/CSS 78%

 
<h3 class="progress-label">
  Bootstrap
  <span class="pull-right">92%</span>
</h3>
<div class="progress progress-xxs">
  <div class="progress-bar progress-bar-primary"
  role="progressbar" aria-valuenow="92" 
  aria-valuemin="0" aria-valuemax="100" 
  style="width: 92%">
  </div>
</div>

Bootstrap 92%

 

CoffeeScript 68%

 

HTML/CSS 78%

 
<h3 class="progress-label">
  Bootstrap
  <span class="pull-right">92%</span>
</h3>
<div class="progress progress-xs">
  <div class="progress-bar progress-bar-primary"
  role="progressbar" aria-valuenow="92" 
  aria-valuemin="0" aria-valuemax="100" 
  style="width: 92%">
  </div>
</div>

Bootstrap 92%

 

CoffeeScript 68%

 

HTML/CSS 78%

 
<h3 class="progress-label">
  Bootstrap
  <span class="pull-right">92%</span>
</h3>
<div class="progress progress-sm">
  <div class="progress-bar progress-bar-primary"
  role="progressbar" aria-valuenow="92" 
  aria-valuemin="0" aria-valuemax="100" 
  style="width: 92%">
  </div>
</div>

Bootstrap 92%

 

CoffeeScript 68%

 

HTML/CSS 78%

 
<h3 class="progress-label">
  Bootstrap
  <span class="pull-right">92%</span>
</h3>
<div class="progress">
  <div class="progress-bar progress-bar-primary"
  role="progressbar" aria-valuenow="92" 
  aria-valuemin="0" aria-valuemax="100" 
  style="width: 92%">
  </div>
</div>

Color Options

Red 92%

 

Blue 68%

 

Green 78%

 

Aqua 78%

 

Yellow 92%

 

Brown 68%

 

Violet 78%

 

Orange 78%

 

Default Progress Bar

90% Complete (Sucess)
30% Complete (info)
20%Complete (warning)
10% Complete (danger)
<div class="progress">
  <div class="progress-bar progress-bar-success"
  role="progressbar" aria-valuenow="60" 
  aria-valuemin="0" aria-valuemax="100"
  style="width: 90%;">
  </div>
</div>

Striped Progress Bar

90% Complete (Sucess)
30% Complete (info)
20%Complete (warning)
10% Complete (danger)
<div class="progress progress-striped">
  <div class="progress-bar progress-bar-success"
  role="progressbar" aria-valuenow="60" 
  aria-valuemin="0" aria-valuemax="100"
  style="width: 90%;">
  </div>
</div>

Animated Progress Bar

90% Complete (Sucess)
30% Complete (info)
20%Complete (warning)
10% Complete (danger)
<div class="progress progress-striped active">
  <div class="progress-bar progress-bar-success"
  role="progressbar" aria-valuenow="60" 
  aria-valuemin="0" aria-valuemax="100"
  style="width: 90%;">
  </div>
</div>

Stacked Progress Bar

40% Complete
30% Complete (info)
20%Complete (warning)
<div class="progress">
  <div class="progress-bar progress-bar-success"
  role="progressbar" aria-valuenow="60" 
  aria-valuemin="0" aria-valuemax="100"
  style="width: 90%;">
  </div>
  <div class="progress-bar progress-bar-info" 
  role="progressbar" aria-valuenow="60" 
  aria-valuemin="0" aria-valuemax="100"
  style="width: 30%;">
  </div>
</div>

دیجی سرویس

شرکت دیجی سرویس با هدف تعمیر لوازم خانگی در محل بدون نیاز به جابجایی و با 15 سال سابقه تعمیر لوازم خانگی و صنعتی جهت رفاه حال هموطنان ارجمند اقدام به تجهیز تیم تکنسین و کارآزموده کرده تا با انجام تعمیرات و سرویس های مورد نیاز بتواند با کاهش زمان و هزینه های تعمیر و نیز عدم نیاز به جابجایی های طاقت فرسا، آسایش و آرامش را برای شما به ارمغان آورد.

7 روز هفته 24 ساعته آماده خدمت رسانی به شما هستیم.

 

اطلاعات تماس

تلفن دفتر شهرک غرب: 88564350

تلفن دفتر تجریش: 26761085

وب سایت: www.digiservice724.ir 

آدرس: سعادت آباد، خیابان علامه جنوبی

کوچه 26 شرقی پلاک 14، واحد 2

گوگل  لینکدین  پینترست  تلگرام

فیسبوک  اینستاگرام  تویتر  آپارات