wt-progress-bar.vue

Specs

Props

Name	Required	Types	Default	Description	Example	Deprecated
max		number , string	100	Max progress bar value
value		number , string	0	Current progress bar value
color		string	'primary'	Progress color

Example ProgressBar Different Colors

Code

<script setup>
const colors = ['primary', 'secondary', 'success', 'error', 'warning'];
</script>

<template>
  <div style="display: flex; flex-direction: column; gap: 10px">
    <wt-progress-bar
      v-for="color of colors"
      :key="color"
      :max="100"
      :value="75"
      :color="color"
    />
  </div>
</template>

<style scoped lang="scss"></style>