ios - Change UICollectionView Cell Content

Question

I want to have a progress bar (= statusbar) in the background of my CollectionView Cells. I want to implement this using a UIView (by changing its width). This is how it looks ("statusbar": The Green background UIView):

My Code:

import UIKit

class MyCollectionViewCell: UICollectionViewCell {
    @IBOutlet weak var myLabel: UILabel!
    @IBOutlet weak var statusbar: UIView!
    
    override func layoutSubviews() {
        // cell rounded section
        self.layer.cornerRadius = 15.0
        self.layer.masksToBounds = true
        super.layoutSubviews()
        statusbar.frame = CGRect(x: 0, y: 0, width: 5, height: self.frame.height)
    }
}

extension MyCollectionViewCell{
    
    func setStatusbar(completedTasks: Int, totalTasks: Int){
        print(self.frame.width)
        let newWidth = 80 //(self.frame.width * (CGFloat(completedTasks / totalTasks)))
        statusbar.backgroundColor = .orange
        statusbar.frame = CGRect(x: 0, y: 0, width: newWidth, height: Int(self.frame.height))
        reloadInputViews()
    }
}

And call it like this:

 func collectionView(_ collectionView: UICollectionView, cellForItemAt indexPath: IndexPath) -> UICollectionViewCell {
        // get a reference to our storyboard cell
        let cell = collectionView.dequeueReusableCell(withReuseIdentifier: reuseIdentifier, for: indexPath as IndexPath) as! MyCollectionViewCell
        
        // Use the outlet in our custom class to get a reference to the UILabel in the cell
        cell.myLabel.text = self.items[indexPath.row] // The row value is the same as the index of the desired text within the array.
        cell.backgroundColor = UIColor(rgb: 0xF444444)
        cell.setStatusbar(completedTasks: 5, totalTasks: 25) //!!! HERE !!!
        return cell
    }

PROBELM:

It does not change the width of the UIView (stays at width = 5, should be width = 80)

EDIT: This is what it looks like:

Answer 1

等待大神答复