mirror of
https://github.com/ElemeFE/element.git
synced 2025-12-19 12:04:02 +08:00
Initial commit
This commit is contained in:
35
packages/progress/src/progress.vue
Normal file
35
packages/progress/src/progress.vue
Normal file
@@ -0,0 +1,35 @@
|
||||
<template>
|
||||
<div
|
||||
class="el-progress"
|
||||
:class="[
|
||||
size ? 'el-progress--' + size : '',
|
||||
type ? 'el-progress--' + type : ''
|
||||
]"
|
||||
>
|
||||
<div class="el-progress__bar" v-bind:style="barStyle"></div>
|
||||
</div>
|
||||
</template>
|
||||
<script>
|
||||
export default {
|
||||
name: 'ElProgress',
|
||||
props: {
|
||||
type: {
|
||||
type: String,
|
||||
default: 'blue'
|
||||
},
|
||||
size: String,
|
||||
percentage: {
|
||||
type: Number,
|
||||
default: 0,
|
||||
required: true
|
||||
}
|
||||
},
|
||||
computed: {
|
||||
barStyle() {
|
||||
var style = {};
|
||||
style.width = this.percentage + '%';
|
||||
return style;
|
||||
}
|
||||
}
|
||||
};
|
||||
</script>
|
||||
Reference in New Issue
Block a user