1 files changed, 36 insertions, 0 deletions
diff --git a/javascript/videojs/src/js/control-bar/volume-control/volume-level.js b/javascript/videojs/src/js/control-bar/volume-control/volume-level.js
new file mode 100644
index 0000000..f5de046
--- /dev/null
+++ b/javascript/videojs/src/js/control-bar/volume-control/volume-level.js
@@ -0,0 +1,36 @@
+/**
+ * @file volume-level.js
+ */
+import Component from '../../component.js';
+
+/**
+ * Shows volume level
+ *
+ * @extends Component
+ */
+class VolumeLevel extends Component {
+
+  /**
+   * Create the `Component`'s DOM element
+   *
+   * @return {Element}
+   *         The element that was created.
+   */
+  createEl() {
+    const el = super.createEl('div', {
+      className: 'vjs-volume-level'
+    });
+
+    this.setIcon('circle', el);
+
+    el.appendChild(super.createEl('span', {
+      className: 'vjs-control-text'
+    }));
+
+    return el;
+  }
+
+}
+
+Component.registerComponent('VolumeLevel', VolumeLevel);
+export default VolumeLevel;