fix(QCircularProgress): safari does not support negative strokeDashOffset quasarframework#7997 (quasarframework#8126)

* fix(QCircularProgress): safari does not support negative strokeDashOffset quasarframework#7997

* Update QCircularProgress.js

Co-authored-by: Razvan Stoenescu <razvan.stoenescu@gmail.com>

Author: pdanpdan

ui/src/components/circular-progress/QCircularProgress.js

@@ -62,7 +62,13 @@ export default Vue.extend({
     },
 
     svgStyle () {
-      return { transform: `rotate3d(0, 0, 1, ${this.angle - 90}deg)` }
+      const angle = this.$q.lang.rtl === true ? -this.angle : this.angle
+
+      return {
+        transform: this.reverse !== (this.$q.lang.rtl === true)
+          ? `scale3d(-1, 1, 1) rotate3d(0, 0, 1, ${-90 - angle}deg)`
+          : `rotate3d(0, 0, 1, ${angle - 90}deg)`
+      }
     },
 
     circleStyle () {
@@ -85,7 +91,7 @@ export default Vue.extend({
 
     strokeDashOffset () {
       const progress = 1 - (this.normalizedValue - this.min) / (this.max - this.min)
-      return (this.dir * progress) * circumference
+      return progress * circumference
     },
 
     strokeWidth () {