title: How to place SKSpriteNode in front of CAShapeLayer?
body: <p>I want to display a SKSpriteNode in front of a CAShapeLayer and this is the code that I am using :</p>
  
  <pre><code>import SpriteKit
  import GameplayKit
  import UIKit
  
  class GameScene: SKScene {
  
      let progressLayer = CAShapeLayer()
  
      override func didMove(to view: SKView) {
  
          let circle = UIView(frame: CGRect(x: 0, y: 0, width: self.size.width, height: self.size.height))
          view.addSubview(circle)
          view.sendSubview(toBack: circle)
  
          progressLayer.frame = view.bounds
          progressLayer.path = progressPath.cgPath
  
          progressLayer.fillColor = UIColor.clear.cgColor
          progressLayer.strokeColor = UIColor.green.cgColor
          progressLayer.lineWidth = 20.0
  
          let animation2 = CABasicAnimation(keyPath: "strokeEnd")
          animation2.fromValue = 0.0
          animation2.toValue = 1.0
          animation2.duration = 1
          animation2.timingFunction = CAMediaTimingFunction(name: kCAMediaTimingFunctionEaseOut)
  
          progressLayer.add(animation2, forKey: "drawLineAnimation")
  
          circle.layer.addSublayer(progressLayer)
  
          var popup = SKSpriteNode(imageNamed: "popupWorking.png")
          popup.anchorPoint = CGPoint(x: 0.5, y: 0.5)
          popup.position = CGPoint(x: self.size.width/2, y: self.size.height/2)
          popup.size = CGSize(width: 400, height: 200)
          popup.zPosition = 10
          self.addChild(popup)
      }
  }
  </code></pre>
  
  <p>But when I run the code, the CAShapeLayer appears in front of the SKSpriteNode, how do I make the SKSpriteNode appear in front of the CAShapeLayer?</p>