diff --git a/controller/api/collector_blueprint.py b/controller/api/collector_blueprint.py
index e794229..7dfcd85 100644
--- a/controller/api/collector_blueprint.py
+++ b/controller/api/collector_blueprint.py
@@ -52,6 +52,7 @@ def _better_size_unit(bytes: int) -> str:
 def collect_basic_status():
     return jsonify({
         'disk': {
+            'work': _get_disk_info(os.path.abspath(".")),
             'bili': _get_disk_info(BILILIVE_RECORDER_DIRECTORY),
             'xigua': _get_disk_info(XIGUALIVE_RECORDER_DIRECTORY)
         },
diff --git a/templates/index.html b/templates/index.html
index d1d5eb3..5b25b86 100644
--- a/templates/index.html
+++ b/templates/index.html
@@ -118,24 +118,32 @@
     <table class="current-config">
         <thead>
         <tr>
-            <td colspan="2">目录配置</td>
+            <td colspan="2">目录</td>
         </tr>
         </thead>
         <tbody>
         <tr>
-            <td>B站录播姬目录</td>
-            <td :class="{warning: !collector.basic.disk.bili.exist, success: collector.basic.disk.bili.exist}">{{ config.recorder.bili_dir }}</td>
+            <td>工作目录</td>
+            <td>~</td>
         </tr>
         <tr>
-            <td>使用率 {{ collector.basic.disk.bili.percent }}%</td>
+            <td><progress :value="collector.basic.disk.work.percent" max="100"></progress></td>
+            <td>{{ collector.basic.disk.work.free }} / {{ collector.basic.disk.work.total }}</td>
+        </tr>
+        <tr>
+            <td :class="{warning: !collector.basic.disk.bili.exist, success: collector.basic.disk.bili.exist}">B站录播姬目录</td>
+            <td>{{ config.recorder.bili_dir }}</td>
+        </tr>
+        <tr>
+            <td><progress :value="collector.basic.disk.bili.percent" max="100"></progress></td>
             <td :class="{warning: !collector.basic.disk.bili.exist}">{{ collector.basic.disk.bili.free }} / {{ collector.basic.disk.bili.total }}</td>
         </tr>
         <tr>
-            <td>西瓜视频录播目录</td>
-            <td :class="{warning: !collector.basic.disk.xigua.exist, success: collector.basic.disk.xigua.exist}">{{ config.recorder.xigua_dir }}</td>
+            <td :class="{warning: !collector.basic.disk.xigua.exist, success: collector.basic.disk.xigua.exist}">西瓜视频录播目录</td>
+            <td>{{ config.recorder.xigua_dir }}</td>
         </tr>
         <tr>
-            <td>使用率 {{ collector.basic.disk.bili.percent }}%</td>
+            <td><progress :value="collector.basic.disk.xigua.percent" max="100"></progress></td>
             <td :class="{warning: !collector.basic.disk.xigua.exist}">{{ collector.basic.disk.xigua.free }} / {{ collector.basic.disk.xigua.total }}</td>
         </tr>
         </tbody>
@@ -158,6 +166,12 @@
                             os: "",
                         },
                         disk: {
+                            work: {
+                                exist: false,
+                                percent: 0,
+                                free: "",
+                                total: ""
+                            },
                             bili: {
                                 exist: false,
                                 percent: 0,