From d7e25bab12c7fac2917bfdd691e6a36ee5fd2607 Mon Sep 17 00:00:00 2001
From: Hadi Charara <hadi.charara@protonmail.com>
Date: Sun, 3 Jul 2022 13:40:58 -0400
Subject: [PATCH] Fixed emby-progressring Localization

---
 src/elements/emby-progressring/emby-progressring.js | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/src/elements/emby-progressring/emby-progressring.js b/src/elements/emby-progressring/emby-progressring.js
index 8c7f890ac..f174fd617 100644
--- a/src/elements/emby-progressring/emby-progressring.js
+++ b/src/elements/emby-progressring/emby-progressring.js
@@ -1,6 +1,7 @@
 import './emby-progressring.scss';
 import 'webcomponents.js/webcomponents-lite';
 import template from './emby-progressring.template.html';
+import { getCurrentDateTimeLocale } from '../../scripts/globalize';
 
 /* eslint-disable indent */
 
@@ -8,6 +9,7 @@ import template from './emby-progressring.template.html';
 
     EmbyProgressRing.createdCallback = function () {
         this.classList.add('progressring');
+        this.setAttribute('dir', 'ltr');
         const instance = this;
 
         instance.innerHTML = template;
@@ -70,7 +72,10 @@ import template from './emby-progressring.template.html';
             this.querySelector('.animate-75-100-b').style.transform = 'rotate(' + angle + 'deg)';
         }
 
-        this.querySelector('.progressring-text').innerHTML = progress + '%';
+        this.querySelector('.progressring-text').innerHTML = new Intl.NumberFormat(getCurrentDateTimeLocale(), {
+            style: 'percent',
+            maximumFractionDigits: 0
+        }).format(progress / 100);
     };
 
     EmbyProgressRing.attachedCallback = function () {