我对 HTML 和 CSS 相当陌生。我想创建一个具有渐变背景的进度条，它掩盖了整个元素，但仅在进度条本身上可见。到目前为止，我只得到了如下所示的结果1。我尝试通过操作其他背景属性（例如背景附件）来实现第二张图像中显示的结果，但渐变本身不再适合。我还尝试为栏的父级提供渐变背景，并简单地在剩余空间上方绘制一个白色 div，但该解决方案禁止我向栏本身添加边框半径。非常感谢任何帮助。干杯!
.progress-bar-container {
width: 500px;
height: 50px;
margin: 50px 0px;
background: black;
}
.progress-bar-indicator {
height: 100%;
background-image: linear-gradient(to right, red, green, blue);
border-radius: 25px;
}
#indicator-1 {
width: 80%;
}
#indicator-2 {
width: 50%;
}
#indicator-3 {
width: 20%;
}<div class="progress-bar-container">
<div class="progress-bar-indicator" id="indicator-1"></div>
</div>
<div class="progress-bar-container">
<div class="progress-bar-indicator" id="indicator-2"></div>
</div>
<div class="progress-bar-container">
<div class="progress-bar-indicator" id="indicator-3"></div>
</div>我目前正在开发一个 SwiftUI 项目，我需要创建一个自定义垂直 ScrollView。要求是当用户停止滚动时，此 ScrollView 中的单元格捕捉到视图的中心。我知道 SwiftUI 的 ScrollView 通过修饰符提供了一定程度的自定义.scrollTargetBehavior(_:)，但我发现的文档和示例并没有完全涵盖这种特定情况。
我尝试使用基本的scrollTargetBehavior .viewAligned，但捕捉行为不包括我正在寻找的捕捉效果。我知道 UIKit 通过 UICollectionView 和自定义布局属性提供了对滚动行为更精细的控制，但我的目标是纯粹在 SwiftUI 中实现这一点。
任何帮助将不胜感激。
干杯!