Make Progress Bar Меньше

Question

Эй, может кто-нибудь поможет мне сделать мой прогресс баром меньше.

.progress-bar { 
    float: left; 
    width: 0%; 
    height: 100%; 
    font-size: 12px; 
    font-weight: 600; 
    line-height: 19px; 
    color: #ffffff; 
    text-align: center; 
    background-color: #999999; 
    -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); 
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); 
    -webkit-transition: width 0.6s ease; 
    -o-transition: width 0.6s ease; 
    transition: width 0.6s ease; 
} 

Answer 1

Ваш прогресс размер бар 100% от емкости, в которой он находится.

без HTML кода, я могу только догадываться, чтобы изменить CSS от:

width: 0%; 

To:

width: 60%; 

Или даже попробовать со значениями пикселей.

Answer 2

Чтобы уменьшить общую ширину до 80% от ширины экрана:

<progress value="40" max="100" style="width:80%">