Html 如何使进度条标签流出进度条

Html 如何使进度条标签流出进度条,html,css,twitter-bootstrap-4,Html,Css,Twitter Bootstrap 4,span:悬停,span:活动{ 字体大小:150%; 颜色:黑色; 文本对齐:对齐; 线高:1.8; 溢出:可见; } 跨度{ 溢出:可见; } MVC体系结构 10至24 LPA MS访问 0.6到1.5 LPA 试试这个,文本会尽量放在进度条中,这非常有用。因此,您可以使用位置:绝对 span:悬停, 跨度:活动{ 字体大小:150%; 颜色:黑色; 文本对齐:对齐; 线高:1.8; 溢出:可见; 边际:0-15px; } 跨度{ 溢出:可见; 位置:绝对位置; } .进度条{ 高度:2


span:悬停,span:活动{
字体大小:150%;
颜色:黑色;
文本对齐:对齐;
线高:1.8;
溢出:可见;
}
跨度{
溢出:可见;
}
MVC体系结构
10至24 LPA
MS访问
0.6到1.5 LPA

试试这个,文本会尽量放在进度条中,这非常有用。因此,您可以使用
位置:绝对

span:悬停,
跨度:活动{
字体大小:150%;
颜色:黑色;
文本对齐:对齐;
线高:1.8;
溢出:可见;
边际:0-15px;
}
跨度{
溢出:可见;
位置:绝对位置;
}
.进度条{
高度:20px;
边界半径:0px;
}
.居中{
文本对齐:居中;
宽度:100%;
利润率:8px0-20px;
}

MS访问
0.6到1.5 LPA

试试这个,文本会尽量放在进度条中,这非常有用。因此,您可以使用
位置:绝对

span:悬停,
跨度:活动{
字体大小:150%;
颜色:黑色;
文本对齐:对齐;
线高:1.8;
溢出:可见;
边际:0-15px;
}
跨度{
溢出:可见;
位置:绝对位置;
}
.进度条{
高度:20px;
边界半径:0px;
}
.居中{
文本对齐:居中;
宽度:100%;
利润率:8px0-20px;
}

MS访问
0.6到1.5 LPA

在没有绝对位置的情况下尝试此操作


span:悬停,span:活动{
字体大小:100%;
颜色:黑色;
}
.progress>.progress bar>span{
溢出:可见;
利润率最高:45%;
显示:内联块;
位置:相对位置;
颜色:红色;
最小宽度:100px
}
MS访问
0.6到1.5 LPA

在没有绝对位置的情况下尝试此操作


span:悬停,span:活动{
字体大小:100%;
颜色:黑色;
}
.progress>.progress bar>span{
溢出:可见;
利润率最高:45%;
显示:内联块;
位置:相对位置;
颜色:红色;
最小宽度:100px
}
MS访问
0.6到1.5 LPA

但是文本从中间开始,流向右边……看起来不太好。我正在寻找所有可能的解决方案,使它看起来更好,无论是在进度条的内部还是外部。@Sahitiponangi检查更新的进度条,如果想要一个外观更好、动态更好的进度条,您可以在这里找到很多:但我不能在htlm5中使用center。还有其他选择吗?@Sahitiponangi是的,但文本从中心开始,流向右侧……看起来不太好。我正在寻找所有可能的解决方案,使它看起来更好,无论是在进度条的内部还是外部。@Sahitiponangi检查更新的进度条,如果想要一个外观更好、动态更好的进度条,您可以在这里找到很多:但我不能在htlm5中使用center。还有其他选择吗?@sahitiponangi是MVC架构10到24 LPA如果我在正文中使用上述代码,我看不到文本更改margin top的值,并在MVC架构10到24 LPA之后查看。如果我在正文中使用上述代码,我看不到文本更改margin top的值并在后面查看