diff --git a/packages/integrations/useNProgress/index.ts b/packages/integrations/useNProgress/index.ts
index dc6c74bbe56..7dcc4de428e 100644
--- a/packages/integrations/useNProgress/index.ts
+++ b/packages/integrations/useNProgress/index.ts
@@ -1,7 +1,7 @@
 import type { NProgressOptions } from 'nprogress'
 import nprogress from 'nprogress'
 import type { MaybeComputedRef } from '@vueuse/shared'
-import { isNumber, tryOnScopeDispose } from '@vueuse/shared'
+import { isClient, isNumber, tryOnScopeDispose } from '@vueuse/shared'
 import { computed, ref, watchEffect } from 'vue-demi'
 
 export type UseNProgressOptions = Partial<NProgressOptions>
@@ -31,7 +31,7 @@ export function useNProgress(
   }
 
   watchEffect(() => {
-    if (isNumber(progress.value))
+    if (isNumber(progress.value) && isClient)
       setProgress.call(nprogress, progress.value)
   })