Как создать\работать с ProgresBar?

Question

[Мария Попова]

нужна полоска прогресса заполнения данных, навроде этого, на сколько процентов заполнен профиль и показать это заполнением полоски, натолкните\покажите как это реализовать. Это все на asp net, помогите пожалуйста)

Comments

[Rou1997]

ASP.NET WebForms или MVC?

[Мария Попова]

Rou1997: web forms

Answer 1

[Арам Арамян]

Простейший способ: 2 дива. У одного фиксированная ширина, а у второго указывается в процентах. У первого только контур, у второго заполнение.

HTML:

<div class="progress-bar">
<div class="progress" style="width:50%">
50%
</div>
</div>

CSS:

div.progress-bar
{
  width: 200px;
  border: 1px solid gray;
  background-color: white;
}

div.progress
{
  background-color: green;
  text-align: center;
}

Вот так: https://jsfiddle.net/6d7zxvaz/