使进度条更小

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

要将总宽度减少到屏幕宽度的80％：

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

Answer 2

您的进度条大小是容器的100％。

如果没有HTML代码，我只能猜测你的css会改变：

width: 0%;

要：

width: 60%;

甚至尝试使用像素值。