<template lang="pug">
    span.ocProgress
        span.out(:style="{width: width, height: height, lineHeight: height}")
            span.inner( :class="type", :striped="striped", :active="active", :style="{width: value}") 
        slot
</template>

<script>
    export default {
        name: 'oc-progress',
        props: {
            active: Boolean,
            striped: Boolean,
            type: String,
            value: String,
            width: { type: String, default: "100px" },
            height: {type: String, default: "20px"}
        }
    }
</script>

            
