uniapp：抖音PK进度条（nvue）

nvue中，仿抖音PK进度条效果，

<template>
	<view class="index" :style="{width:windowWidth+'px',height:index_windowHeight+'px',paddingTop:windowTop+'px'}">
		
		<view class="pk">
			<text class="pk_jindu_left_val fsz-24 color-f">{
  {pk_left_value}}</text>
			<text class="pk_jindu_right_val fsz-24 color-f">{
  {pk_right_value}}</text>
			<view class="pk_left_bg" :style="{width:pk_left_width+'px'}"></view>
			<view class="pk_right_bg" :style="{width:pk_right_width+'px'}"></view>
			<image src="../../static/zhibo/jindu.png" mode="" class="pk_jindu_top_icon" :style="{left:pk_jindu+'px'}"></image>
		</view>