> For the complete documentation index, see [llms.txt](https://lochiwei.gitbook.io/ios/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://lochiwei.gitbook.io/ios/master/todo/tutorials/neumorphism/she-ji-jin-du-tiao/neuprogressbartitle.md).

# NeuProgressBarTitle 📦

![進度條的「標題部分」](/files/-MI9Y2hgEg6Eg1Tw9ODs)

{% tabs %}
{% tab title=" NeuProgressBarTitle 📦" %}

```swift
import SwiftUI

// ⭐️ `NeuProgressBar2` 的「標題」部分
public struct NeuProgressBarTitle: View {
    
    var            title: String
    @Binding var percent: CGFloat
    
    public init(title: String, percent: Binding<CGFloat>) {
        self._percent = percent  // ⭐️ 傳進 @Binding 變數的方式
        self.title    = title
    }
    
    public var body: some View {
        HStack {
            
            // title
            Text(self.title)
                .foregroundColor(Neu.color.text)
                .bold()
            
            Spacer()
                
            // percentage
            Text("\(Int(self.percent * 100))%")
                .foregroundColor(Neu.color.text)
                .bold()
        }
    }
}
```

{% endtab %}

{% tab title="相依套件" %}

* [Neu 🔸](/ios/master/todo/tutorials/neumorphism/gradients/neu.md)
  {% endtab %}
  {% endtabs %}